我想在日期選擇器中禁用周末，以及將在陣列中的特定日期。我注意到我不能將這 2 個選項組合在一起，beforeShowDay因為它只接受 1 個函式。有沒有辦法可以添加 2 個函式beforeShowDay？
$(function() {
var unavailableDates = ["27-12-2021", "28-12-2021", "29-12-2021", "30-12-2021", "31-12-2021", "01-01-2022", "02-01-2022", "03-01-2022", "04-01-2022"];
function unavailable(date) {
dmy = date.getDate() "-" (date.getMonth() 1) "-" date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
$("#datepicker").datepicker({
dateFormat: "dd-mm-yy",
changeMonth: false,
changeYear: false,
minDate: '10D',
beforeShowDay: $.datepicker.noWeekends, unavailable // throws an error becaus ei have 2 options
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<input type="text" id="datepicker" />uj5u.com熱心網友回復：
問題是因為該beforeShowDay屬性只接受一個函式。
要執行您需要的操作，您可以創建一個匿名函式，您可以在其中呼叫noWeekends()和unavailable()函式并組合結果，如下所示：
jQuery($ => {
let unavailableDates = ["27-12-2021", "28-12-2021", "29-12-2021", "30-12-2021", "31-12-2021", "01-01-2022", "02-01-2022", "03-01-2022", "04-01-2022"];
let unavailable = date => $.inArray(`${date.getDate()}-${(date.getMonth() 1)}-${date.getFullYear()}`, unavailableDates) == -1;
$("#datepicker").datepicker({
dateFormat: "dd-mm-yy",
changeMonth: false,
changeYear: false,
minDate: '10D',
beforeShowDay: date => {
if (!unavailable(date) || !$.datepicker.noWeekends(date)[0]) {
return [false, "", "Unavailable"];
} else {
return [true, ""];
}
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<input type="text" id="datepicker" />轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/370036.html