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