Knockout自定義綁定的日期時間部分

Question

我是Knockout的新手。我有一個像這樣的Viewmodel：

var Booking = function(data) { 
    var self = this; 

    self.BookingID = ko.observable(data.BookingID); 
    self.BookingCustomerOrderID = ko.observable(data.BookingCustomerOrderID); 
    self.BookingName = ko.observable(data.BookingName); 
    self.BookingTreatmentGroupID = ko.observable(data.BookingTreatmentGroupID); 
    self.BookingStartTime = ko.observable(data.BookingStratTime); 
    self.BookingEndTime = ko.observable(data.BookingEndTime); 

在我的表單中，我想讓用戶更改StartTime和EndTime的時間。我是否可以將自定義綁定到僅從輸入字段離開日期部分的時間部分，並將此更新作爲模型？

只顯示這個值工作正常，但這不會更新viewmodel。

ko.bindingHandlers.timeVal = { 
    update: function (element, valueAccessor) { 
     var value = valueAccessor(); 
     var date = moment(value()); 
     var strDate = date.format('HH:mm'); 
     $(element).val(strDate); 
    } 
}; 

Answer 1

望着documentation，您可以將事件處理程序註冊到您的init方法的元素，並用它來更新您觀察到的。像這樣的東西：

ko.bindingHandlers.hasFocus = { 
    init: function(element, valueAccessor) { 
     $(element).change(function() { 
      if(this.val() != valueAccessor()) 
      { 
       this.val(valueAccessor()); 
      } 
     });   
    }, 
    update: function(element, valueAccessor) { 
     var value = valueAccessor(); 
     var date = moment(value()); 
     var strDate = date.format('HH:mm'); 
     $(element).val(strDate); 
    } 
};