jquery - Keith Wood 带 Knockout 绑定(bind)的 JQuery Datepicker

Question

我正在使用 Keith Wood Jquery 日期选择器和 Knockout JS。这可以在这里看到:

http://jsfiddle.net/dDzRV/1/

  $(function () {
    $('#popupDatepicker').datepick();

});


function AppViewModel() {
    this.dateString = ko.observable("10/10/2010");

}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

当我更改文本框时， knockout 绑定(bind)会相应更新。但是，当使用日期选择器时， knockout 不会记录更改。我该如何解决这个问题？

Answer 1

这个fiddle显示一个工作示例。基本上，您需要在 DatePicker 的 onSelect 事件中设置值。

var viewModel;
$(function () {
  viewModel = new AppViewModel();
    // Activates knockout.js
      ko.applyBindings(viewModel); 

    $('#popupDatepicker').datepick({ 
        onSelect: function(dates) { 

                var minDate = dates[0]; 
                viewModel.dateString($.datepick.formatDate(minDate));
            } 
    });

});

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
    this.dateString = ko.observable("10/10/2012");

}