2

startDatePicker を endDatePicker にリンクしたいのですが、それらを Knockout.js にリンクする方法はありますか?

ユーザーが新しい開始日を選択すると、新しい開始日として minDate を設定して endDatePicker が更新され、新しい日付が独自の日付よりも後かどうかに関して、現在の日付も更新されますか?

事前に感謝します。カスタム バインダーを試していますが、何も動作しません。

4

2 に答える 2

2

subscribeオブザーバブルの変更をサブスクライブするために使用できます。ドキュメントはこちら: http://knockoutjs.com/documentation/observables.html#explicitly_subscribing_to_observables

var ViewModel = function() {
   var self = this;
   self.startDatePicker = ko.observable();
   self.endDatePicker = ko.observable();

   self.startDatePicker.subscribe(function(newValue) {
       // set the value on the other one
   });

   self.endDatePicker.subscribe(function(newValue) {
       // set the value on the other one
   });
};

残りはバインディングに依存します...

于 2013-02-08T21:17:48.420 に答える
2

そのコードは機能するはずです。最小の日付を選択すると、2 番目の日付ピッカーの minDate がその値に設定され、最大の場合はその逆になります。

$('#min').datepicker({
    onSelect: function( selectedDate ) {
    $( "#max" ).datepicker( "option", "minDate", selectedDate );
    }
})

$('#max').datepicker({
    onSelect: function( selectedDate ) {
    $( "#min" ).datepicker( "option", "maxDate", selectedDate );
    }
})
于 2013-02-06T15:14:56.423 に答える