2

Knockout JS と一緒に Keith Wood Jquery Date Picker を使用しています。これはここで見ることができます：

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 を使用すると、ノックアウトは変更を登録しません。どうすればこれを解決できますか?

4

1 に答える 1

2

このフィドルは実際の例を示しています。onSelect基本的には、DatePickerのイベントで値を設定する必要があります。

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

}
于 2013-04-04T14:44:31.940 に答える