Jquery UI datepickers와 Knockout을 연결하는 방법은 무엇입니까?

Question

startDatePicker를 endDatePicker에 연결하려면 Knockout.js와 연결하는 방법이 있습니까?

사용자가 새 시작 날짜를 선택하면 endDatePicker가 minDate를 새 시작 날짜로 설정하고 새 날짜가 자체 날짜 이후인지 여부도 현재 날짜를 업데이트 할 것인지를 업데이트합니다.

미리 감사드립니다. 사용자 지정 바인더로 시도하지만 작동하지 않습니다.

Answer 1

코드가 작동해야합니다. 최소 날짜를 선택할 때 두 번째 날짜 피커의 최소 날짜를 해당 값으로 설정하며, 그 반대의 경우 최대를 설정합니다.

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

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

Answer 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 
    }); 
}; 

나머지는 당신의 바인딩에 따라