JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
Date: <input type='text' name='' value='' class='datepicker' id='datepicker_1' placeholder='Pick Date'>
JavaScript
var myBadDates = ["2014-03-14","2014-03-15","2014-03-16"];
var startDate = new Date(2014, 2, 24);
var endDate = new Date(2014, 3, 24);
$( "#datepicker_1" ).datepicker({
beforeShowDay: function(checkBadDates){
var string = jQuery.datepicker.formatDate('yy-mm-dd', checkBadDates);
return [ myBadDates.indexOf(string) == -1 ]
},
minDate: startDate,
maxDate: endDate,
onSelect: function(dateText, inst) {
var date = $(this).datepicker('getDate');
alert($.datepicker.formatDate('DD', date));
}
});