JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://googledrive.com/host/0By6fcuKzPfO3V2ktVGN2MlBSX3M/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://googledrive.com/host/0By6fcuKzPfO3V2ktVGN2MlBSX3M/css/datepicker.css">
<input type="text" class="span2" value="12/12/2013" id="dp">
CSS
@import url("http://getbootstrap.com/2.3.2/assets/css/bootstrap.css");
JavaScript
$("#dp").datepicker();
$("#dp").on("keyup", function(e) {
var date, day, month, newYear, value, year;
value = e.target.value;
if (value.search(/(.*)\/(.*)\/(.*)/) !== -1) {
date = e.target.value.split("/");
month = date[0];
day = date[1];
year = date[2];
if (year === "") {
year = "0";
}
if (year.length < 4) {
newYear = String(2000 + parseInt(year));
$(this).datepicker("setValue", "" + month + "/" + day + "/" + newYear);
if (year === "0") {
year = "";
}
return $(this).val("" + month + "/" + day + "/" + year);
}
}
});