Keith Wood JQuery Datepicker with Knockout binding答案

【问题标题】：Keith Wood JQuery Datepicker with Knockout bindingKeith Wood JQuery Datepicker with Knockout binding
【发布时间】：2013-04-04 14:18:33
【问题描述】：

我正在使用 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());

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

【问题讨论】：

可能需要为其编写自定义绑定

标签： jquery knockout.js datepicker

【解决方案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");

}

【讨论】：