JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<input type="text" id="datepicker">

JavaScript

var querysDate = '2012-12-14',
    dateParts = querysDate.match(/(\d+)/g)
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);

$('#datepicker').datepicker({
    dateFormat: 'yy-mm-dd',
    minDate: realDate,
    maxDate: '+6M',
    onChange: function( selectedDate ) {
        console.log( $('#datepicker').datepicker("getDate") );
    }
});
$('#datepicker').datepicker('setDate', realDate);      
    
console.log( $('#datepicker').datepicker("getDate") );