JSFiddle - React, Tailwind, and code Playground

by Kaleb Hornsby

HTML

<form id=form>
<p><label for=beginDate>Begin:</label>
    <p><input id=beginDate name=beginDate value="5/19/2011 5:00pm">
<p><label for=endDate>End:</label>
<p><input id=endDate name=endDate value="5/19/2011 5:30pm">
<p><label for=currentDate>Now:</label>
<p><input id=currentDate name=currentDate>
</form>

CSS

input {
    width: 30em;
}

JavaScript

(function updateTime() {
    form.currentDate.value = (new Date()) - 0;
    setTimeout(updateTime, 250);
})();
var dateTimeString = form.beginDate.value;
var date_and_time = dateTimeString.split(' ');
var dateString = date_and_time[0];
var timeString = date_and_time[1];
var d = dateString.split('/');
var t = timeString.split(':');
if(t[1].charAt(2) === 'p') t[0] += 12;
if(t[0] === 24) t[0] = 0;
console.log(new Date(d[2], d[0], d[1], t[0], t[1] ))
    
    
    
    +begin < +current && +current < +end