Keith Wood JQuery Datepicker with Knockout binding

Question

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

當我改變文本框淘汰賽結合被適當地更新。 但是，當使用日期選擇器時，淘汰賽不記錄更改。 我該如何解決這個問題？

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

}