Keith Wood JQuery Datepicker与Knockout绑定

时间:2013-04-04 14:18:34

标签: jquery knockout.js datepicker

我正在使用Keith Wood Jquery Date Picker和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());

当我更改文本框时,敲除绑定会相应更新。 但是,当使用datepicker时,knockout不会注册更改。 我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

这个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");

}