Knockoutjs.com - Hello World Example
http://knockoutjs.com/examples/helloWorld.html
HTML
<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<input type="text" placeholder="Enter Receipt Date" readonly="readonly" data-bind="date: ReceiptDate" />
JavaScript
ko.bindingHandlers.date = {
update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var valueUnwrapped = ko.utils.unwrapObservable(valueAccessor());
console.log(valueUnwrapped);
var textContent = moment(valueUnwrapped).format("DD/MM/YYYY");
$(element).val(textContent);
}
};
var ViewModel = function() {
var self=this;
self.ReceiptDate=ko.observable("12/10/2014");
setTimeout(function(){alert('date change');self.ReceiptDate("01/02/2014")},2000);
};
ko.applyBindings(new ViewModel());