Skip to content

Instantly share code, notes, and snippets.

@bmac
Last active December 20, 2015 04:49
Show Gist options
  • Save bmac/6074220 to your computer and use it in GitHub Desktop.
Save bmac/6074220 to your computer and use it in GitHub Desktop.
ko.bindingHandlers.date = {
init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var observable = valueAccessor();
// alternately setup jquery-ui-date here
element.addEventListener('change', function() {
var date = new Date(element.value);
observable(date.getTime());
});
},
update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var timeStamp = ko.utils.unwrapObservable(valueAccessor());
var date = new Date(timeStamp);
element.value = [date.getMonth() + 1, date.getDate(), date.getFullYear()].join('/');
}
};
<input type="text" data-bind="date: someDateObserbable " />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment