dateFormat Example

by stevegreatrex

HTML

<script src="https://raw.github.com/stevegreatrex/DateFormat/master/dist/dateFormat.min.js"></script>
<label>From</label><select data-bind="options: languages, value: from"></select>
<label>To</label><select data-bind="options: languages, value: to"></select>
<label>Source</label>
<input data-bind="value: source" />
<button data-bind="click: convert">Convert</button>
<label>Result</label>
<input data-bind="value: result" readonly />

CSS

* {
    font-family: "Segoe UI"
}

input, button, select {
    display: block;
}

JavaScript

var ViewModel = function() {
    var self = this;
    self.languages = [
        "dotnet",
        "moment",
        "jqplot"
    ];
    self.from = ko.observable("dotnet");
    self.to = ko.observable("jqplot");
    self.source = ko.observable("MMMM d, yyyy");
    self.result = ko.observable();
    self.convert = function() {
        self.result(dateFormat.convert(
            self.source(),
            dateFormat[self.from()],
            dateFormat[self.to()]));
    };
};

ko.applyBindings(new ViewModel());