如何在 jquery ui 日期选择器中禁用周末和选定日期?
How do I disable both weekends and selected dates in jquery ui date picker?
理想情况下,日期数组会检查我的 google 日历中的日期,我想在我的日历中屏蔽这些日期
<script> $(document).ready(function(){
var dates = ["06-08-2021"];
function DisableDates(date) {
var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
return [dates.indexOf(string) == -1];
}
$("#datepicker").datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: $.datepicker.noWeekends,
beforeShowDay: DisableDates
});
})
</script>
这会起作用:
var dates = ["06-08-2021"];
function DisableDates(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
return [dates.indexOf(string) == -1];
} else {
return noWeekend;
}
}
$("#datepicker").datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: DisableDates
});
<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker"></p>
理想情况下,日期数组会检查我的 google 日历中的日期,我想在我的日历中屏蔽这些日期
<script> $(document).ready(function(){
var dates = ["06-08-2021"];
function DisableDates(date) {
var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
return [dates.indexOf(string) == -1];
}
$("#datepicker").datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: $.datepicker.noWeekends,
beforeShowDay: DisableDates
});
})
</script>
这会起作用:
var dates = ["06-08-2021"];
function DisableDates(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
return [dates.indexOf(string) == -1];
} else {
return noWeekend;
}
}
$("#datepicker").datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: DisableDates
});
<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker"></p>