JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<input type="text" id="datepicker" />
<br/> <br/>
<span id="output"></span>
<br/> <br/>
<button id="set">SET VALUE</button>
<br/> <br/>
<button id="get">GET VALUE</button>
JavaScript
$(function() {
$( "#datepicker" ).datepicker({
dateFormat: "mm/dd/y",
changeYear: true,
yearRange: "1900:2030",
});
$("#get").click(function() {
printValue();
});
$("#set").click(function() {
$( "#datepicker" ).datepicker('setDate', new Date(1912,1,2));
});
function printValue() {
$("#output").html($( "#datepicker" ).datepicker('getDate'));
}
});
var oldDatepickerSetDateFromField = $.datepicker._setDateFromField;
$.datepicker._setDateFromField = function(inst, noDefault) {
var newYear = inst.selectedYear;
oldDatepickerSetDateFromField.call(this, inst, noDefault);
if ( newYear && inst.selectedYear &&
newYear !== inst.selectedYear &&
newYear.toString().substr(newYear.toString().length - 2) === inst.selectedYear.toString().substr(inst.selectedYear.toString().length - 2)) {
inst.drawYear = inst.selectedYear = inst.currentYear = newYear;
this._adjustInstDate(inst);
}
}