Question

我正在使用bootstrap datepicker plugin但它没有以正确的方式更新我的可观察属性。在输入中我有正确的值 - 'mm / dd / yyyy'，在淘汰赛属性 - 阿拉伯时间+ 03 GMT .... 。Here是某些自定义绑定具有相同行为的人。

ko.bindingHandlers.datepicker = {
init: function(element, valueAccessor, allBindingsAccessor) {
  //initialize datepicker with some optional options
  var options = allBindingsAccessor().datepickerOptions || {};
  $(element).datepicker(options);

  //when a user changes the date, update the view model
  ko.utils.registerEventHandler(element, "changeDate", function(event) {
         var value = valueAccessor();
         if (ko.isObservable(value)) {
             value(event.date);
         }                
  });
},
update: function(element, valueAccessor)   {
    var widget = $(element).data("datepicker");
     //when the view model is updated, update the widget
    if (widget) {
        widget.date = ko.utils.unwrapObservable(valueAccessor());
        widget.setValue();            
    }
}
};

var model = {
 test_date: ko.observable(new Date('2012/12/12'))
};

ko.applyBindings(model, $("#target")[0]);


 ////////////////////////////////////////////////////////

<input data-bind='datepicker: test_date'/>

<div data-bind="text: test_date"></div>

<input data-bind='datepicker: test_date'/>

Answer 1

作为替代方案，您可以使用以下js代码初始化datepickers：

$('.input-date').datepicker().on("changeDate", function () {
        $(this).find("input").change();
});

Bootstrap datepicker错误的格式与淘汰赛

1 个答案: