JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker" /></p>
JavaScript
$(function() {
$( "#datepicker" ).datepicker({
minDate: 2,
maxDate: "+3M",
dateFormat: "DD, d MM, yy",
beforeShowDay: function(day) {
var newday = day.getDay();
if (newday == 1 || newday == 2 || newday == 3 || newday == 4) {
return [false, ""]
}
else {
var disabledDays = ["9-25-2018"];
var m = day.getMonth(), d = day.getDate(), y = day.getFullYear();
for (i = 0; i < disabledDays.length; i++) {
if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) {
return [false];
}
}
return [true];
}
}
});
});