I am referencing jQuery UI datepicker change event not caught by KnockoutJS to make datetimepicker work with knockout. So I basically replaced datepicker with datetimepicker to make following code
ko.bindingHandlers.datetimepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize datetimepicker with some optional options var options = allBindingsAccessor().datetimepickerOptions || {}; $(element).datetimepicker(options); //handle the field changing ko.utils.registerEventHandler(element, "change", function () { var observable = valueAccessor(); observable($(element).datetimepicker("getDate")); }); //handle disposal (if KO removes by the template binding) ko.utils.domNodeDisposal.addDisposeCallback(element, function() { $(element).datetimepicker("destroy"); }); }, update: function(element, valueAccessor) { var value = ko.utils.unwrapObservable(valueAccessor()); //handle date data coming via json from Microsoft if (String(value).indexOf('/Date(') == 0) { value = new Date(parseInt(value.replace(/\/Date\((.*?)\)\//gi, "$1"))); } current = $(element).datetimepicker("getDate"); if (value - current !== 0) { $(element).datetimepicker("setDate", value); } } }; and in html:
<input data-bind="datetimepicker: myDate, datetimepickerOptions: { minDate: new Date() }" /> With the code, it looked like working but it failed to update what user changed into the corresponding knockout observable.
I debugged the code and found out that
datetimepicker("getDate")gives only date portion with time 00:00.observable($(element).datetimepicker("getDate"));throws an exception from time to time because observable(x) does not exist sometimes.
Is there anyone having this issue solved?
Update: #2 was resolved by catching the occasional exception.
