JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" class="datepicker" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<script>
$(function() {
var disableDates = [
"2020/12/29"
];
$(".datepicker").datepicker({
beforeShowDay: function(date) {
// 水曜日を選択できないようにする
if (date.getDay() == 3) {
return [false, ''];
}
// 特定日を選択できないようにする
var disableDate = $.datepicker.formatDate('yy/mm/dd', date);
if (disableDates.indexOf(disableDate) !== -1) {
return [false, ''];
}
// それ以外
return [true, ''];
},
})
});
</script>