JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<span data-bind="text: date"></span>
JavaScript
ko.extenders.date = function(target, format) {
return ko.computed({
read: function() {
var value = target();
if(typeof value === "string") {
value = new Date(value);
}
format = typeof format === "string" ? format: undefined;
value = Globalize.format(value, format);
return value;
},
write: target
});
}
ViewModel = function() {
this.date = ko.observable("2013-06-17T11:56:18.4537687Z").extend({ date: true });
}
ko.applyBindings(new ViewModel());