Date Formats

by tjansen

HTML

<script src="http://minifiedjs.com/download/minified-src.js"></script>
<div id="main"></div>

CSS

body { font-family: sans-serif }
table { border-collapse:collapse; }
td, th { border: 1px solid black; padding: 4px; text-align: left;}

JavaScript

var MINI = require('minified');
var $ = MINI.$;

var formats = ['YY/MM/dd', 'HH:mm:ss', 'h:mm a', 'MM/dd', 'y-M-d', 'n d yy',
               'yyyy-MM-ddTHH:mm:ss.SS z', '[+0100]yyyy-MM-dd h:mm a'];

$(function() {
    setInterval(function() {
        $('#main').ht('<table>'+
                      '<tr><th>Format / Date</th><th>Now</th></tr>'+
                      '{{each format: formats}}<tr>'+
                      '<th>{{format}}</th><td>{{_.formatValue(format, now)}}</td>'+
                      '</tr>{{/each}}'+
                      '</table>', {formats: formats, now: new Date()});
    }, 1000);
});