JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<input type="text" id="datepicker" />
JavaScript
$(document).ready(function(){
$('#datepicker').datepicker({
defaultDate: '+1w',
numberOfMonths: 1,
showAnim: 'slide',
changeMonth: true,
changeYear: true,
showWeek: true,
dateFormat: "yy-mm-dd",
beforeShowDay: function(date) {
debugger;
var day = date.getDay();
if (day == 1 && $('#hidMonday').val() == "True") {
return day;
}
if (day == 2 && $('#hidTuesday').val() == "True") {
return day;
}
if (day == 3 && $('#hidWednesday').val() == "True") {
return day;
}
if (day == 4 && $('#hidThursday').val() == "True") {
return day;
}
if (day == 5 && $('#hidFriday').val() == "True") {
return day;
}
},
});
$('#txtStartDate').css('clip', 'auto');
});