pickaday
HTML
<link rel="stylesheet" href="http://dbushell.github.io/Pikaday/css/pikaday.css">
<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="http://dbushell.github.io/Pikaday/pikaday.js"></script>
<input id="datepicker" value="05/10/2019" type="text" />
JavaScript
var picker = new Pikaday(
{
field: document.getElementById('datepicker'),
format : "MM/DD/YYYY",
toString(date, format) {
const day = date.getDate();
const month = date.getMonth() + 1;
const year = date.getFullYear();
return `${day}/${month}/${year}`;
},
parse(dateString, format) {
// dateString is the result of `toString` method
const parts = dateString.split('/');
const day = parseInt(parts[0], 10);
const month = parseInt(parts[1], 10) - 1;
const year = parseInt(parts[2], 10);
return new Date(year, month, day);
},
firstDay: 1,
minDate: new Date('2000-01-01'),
maxDate: new Date(),
yearRange: [2000,2020]
});