jQuery UI Datepicker bindings for Knockout.js

jquery-ui-datepicker

########################################
##  jQuery UI Datepicker bindings
#
ko.bindingHandlers.datepicker =
  init: (element, valueAccessor, allBindingsAccessor) ->
    options = allBindingsAccessor().datepickerOptions || {}
    $(element).datepicker options

    #/handle the field changing
    ko.utils.registerEventHandler element, "change", () ->
      observable = valueAccessor();
      observable $(element).datepicker("getDate")

    #handle disposal (if KO removes by the template binding)
    ko.utils.domNodeDisposal.addDisposeCallback element, () ->
      $(element).datepicker "destroy"

  #update the control when the view model changes
  update: (element, valueAccessor) ->
    value = ko.unwrap valueAccessor()
    current = $(element).datepicker("getDate")

    if (value - current) != 0
      $(element).datepicker("setDate", value)

# html example
# <input id="d_from" data-bind="datepicker: dFrom, datepickerOptions: {language: 'ru',  minDate: new Date(),  dateFormat: 'dd.mm.yy'}" />