Not to mention directly accessing the code. The custom binding code is as follows:
1/* my97datepicker time format 'yyyy-mm-dd hh-mm-ss' */2 Ko. bindinghandlers. datetimes = {3 init: function (element, valueaccessor, viewmodel) {4 VaR value = Ko. utils. unwrapobservable (valueaccessor (); 5 $ (element ). ATTR ("class", "wdate"); 6 $ (element ). focus (function () {7 wdatepicker ({8 isshowclear: false, readonly: True, datefmt: 'yyyy-mm-dd hh: mm: ss' 9 }); 10}); 11 $ (element ). val (value); 12}, 13 update: function (element, valueaccessor, viewmodel) {14 VaR value = Ko. utils. unwrapobservable (valueaccessor (); 15 $ (element ). val (value); 16 $ (element ). blur (function () {17 var v = $ (element ). val (); 18 valueaccessor () (v); 19}); 20} 21 };
The HTML code is as follows:
1 <input id="date_times" data-bind="datetimes:forms.dates" data-options="required:true" style="width: 150px;" />