JSFiddle - React, Tailwind, and code Playground

by Nathan Renico

HTML

<div id="testOutput"></div>
<div>February 06, 2015 06:45:00 AM</div>

JavaScript

$(document).ready(function () {
    getFormattedDateTime('02-06-2015 06:45:00');
});

function getFormattedDateTime(dateTimeToFormat) {
    dateTimeToFormat = new Date(dateTimeToFormat);

    var zeroPad = function (val) {
        return (val <= 9 ? '0' + val : '' + val);
    };

    var month = dateTimeToFormat.toLocaleString('en-us', {month: "long"});
    var day = dateTimeToFormat.getDate();
    var year = dateTimeToFormat.getFullYear();

    var hour = ((dateTimeToFormat.getHours() + 11) % 12 + 1);
    var minutes = dateTimeToFormat.getMinutes();
    var seconds = dateTimeToFormat.getSeconds();
    var suffix = (hour <= 12) ? 'AM' : 'PM';

    var combinedValue = month + ' ' + zeroPad(day) + ', ' + year + ' ' + zeroPad(hour) + ':' + zeroPad(minutes) + ':' + zeroPad(seconds) + ' ' + suffix;

    $('#testOutput').append(combinedValue);
}