부트 스트랩 timepicker 녹아웃 js 바인딩 처리기

Question

트위터 부트 스트랩 timepicker 용 녹아웃 js 바인더. timepicker 플러그인

Answer 1

에 대한

click here 우리는 형식의 시간 문자열에 잠시 JS 객체를 변환하는하지만 당신은 우리가 변환하는 코드를 제거하고 사용할 수 있습니다.

$(function() { 
    ko.bindingHandlers.timePickerMoment = { 
     init: function (element, valueAccessor, allBindingsAccessor) { 
      //initialize timepicker with some optional options 
      var options = allBindingsAccessor().timePickerOptions || {}; 
      var valueOfElement = ko.unwrap(valueAccessor()); 
      $(element).val(valueOfElement.format("HH:mm")); //Converting moment object to HH:mm 
      $(element).timepicker(options); 

      //when a user changes the date, update the view model 
      ko.utils.registerEventHandler(element, "changeTime.timepicker", function (event) { 
       var value = valueAccessor(); 
       if (ko.isObservable(value)) { 
        value(moment(event.time.value, 'HH:mm')); //Converting HH:mm to moment 
       } 
      }); 
     }, 
     update: function (element, valueAccessor) { 
      var widget = $(element).val(); 
      //when the view model is updated, update the widget 
      if (widget) { 
       var date = ko.utils.unwrapObservable(valueAccessor()); 
       $(element).val(date.format("HH:mm")); //Converting moment object to HH:mm 
      } 
     } 
    }; 
}); 

이것이 사용 방법입니다.

data-bind="dateTimePickerMoment: OpeningTimeMoment, dateTimePickerOptions:{ locale: 'en-GB', format: 'HH:mm', showClose: true }, asString: true"