Date formatting with jQuery UI

by Vijaya Chandran Mani

HTML

<input type="text" name="date_format" id="date_format" />
<div id="dateFormat"></div>

JavaScript

$(document).ready(function () {
    var formats = {
        d: '02',
        D: 'Mon',
        j: '2',
        l: 'Monday',
        N: '1',
        S: 'nd',
        w: '1',
        z: '60',
        W: '10',
        F: 'March',
        m: '03',
        M: 'Mar',
        n: '3',
        t: '31',
        L: '0',
        o: '2015',
        Y: '2015',
        y: '15',
        a: 'pm',
        A: 'PM',
        B: '798',
        g: '6',
        G: '18',
        h: '06',
        H: '18',
        i: '10',
        s: '29',
        u: '000000',
        e: 'Europe/London',
        I: '0',
        O: '+0000',
        P: '+00:00',
        T: 'GMT',
        Z: '0',
        c: '2015-03-02T18:10:29+00:00',
        r: 'Mon, 02 Mar 2015 18:10:29 +0000',
        U: '142531982'
    };

    var pattern = /\\?(.?)/gi;
    var replaceCalback = function (key, value) {
        return formats[key] ? formats[key] : value;
    };
    $('#date_format').keyup(function () {
        var dateFormat = $(this).val()
        var dateString = dateFormat.replace(pattern, replaceCalback)
        console.log(dateString);
        $("#dateFormat").html(dateString);
    });
});