JSFiddle - React, Tailwind, and code Playground
by lemon kazi
HTML
<input type='text' id='txtDate' />
JavaScript
var availableDates = ["15-1-2020","16-1-2020"];
$(function()
{
$('#txtDate').datepicker({ beforeShowDay:
function(dt)
{
return [dt.getDay() == 0 || dt.getDay() == 6 || available(dt), "" ];
}
, changeMonth: true, changeYear: false});
});
function available(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
if ($.inArray(dmy, availableDates) != -1) {
return true;
} else {
return true;
}
} else {
return false;
}
}