您好!您的问题是关于 jQuery UI Datepicker 如何禁用特定日期。以下是我的回答:
jQuery UI Datepicker 是一个流行的 JavaScript 日期选择器插件,它可以轻松地添加到您的网站中。要禁用特定日期,您可以使用 beforeShowDay
选项。这个选项允许您在日期选择器显示之前对日期进行自定义处理。您可以使用这个选项来禁用特定日期,例如假期或其他特殊日期。
以下是一个示例代码,演示如何禁用特定日期:
$(function() {
var unavailableDates = ["2022-12-25", "2022-12-26"];
function unavailable(date) {
var ymd = date.getFullYear() + "-" + ("0" + (date.getMonth() + 1)).slice(-2) + "-" + ("0" + date.getDate()).slice(-2);
return ($.inArray(ymd, unavailableDates) != -1) ? [false, "unavailable"] : [true, ""];
}
$("#datepicker").datepicker({
beforeShowDay: unavailable
});
});
在这个示例中,我们首先定义了一个 unavailableDates
数组,其中包含要禁用的日期。然后,我们定义了一个 unavailable
函数,该函数接受一个日期对象作为参数,并将其转换为 "YYYY-MM-DD" 格式的字符串。如果该日期在 unavailableDates
数组中,则返回 [false, "unavailable"]
,否则返回 [true, ""]
。
最后,我们将 unavailable
函数传递给 beforeShowDay
选项,以便在日期选择器显示之前对日期进行处理。这将禁用 unavailableDates
数组中的所有日期。
希望这个回答能够帮助您!如果您有其他问题,请随时问我。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云