JSFiddle - React, Tailwind, and code Playground

by timrwood

HTML

<script src="https://raw.github.com/timrwood/moment/1.7.2/moment.js"></script>
<input placeholder="DD-MM-YYYY HH:mm:ss" type="text" />

CSS

input {
    margin: 20px;
    padding: 10px;
    line-height: 20px;
    width: 300px;
}

JavaScript

var format = 'DD-MM-YYYY HH:mm:ss';

$('input').blur(function(){
    var $this = $(this),
        original = $this.val(),
        target = moment(original, format);
    
    if (!original) {
        console.log('Please enter text');
        return;
    }
    
    if (!target.isValid()) {
        console.log('Please enter valid date');
    }
    
    $this.val(target.format(format));
});