在jQuery UI日期选择器中禁用周末和选定日期,可以通过以下步骤实现:
beforeShowDay
选项来自定义日期选择器中每个日期的样式和可用性。在beforeShowDay
回调函数中,可以通过判断日期是否为周六或周日,然后返回相应的样式来禁用周末日期。$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
var day = date.getDay();
// 禁用周六和周日
return [(day != 0 && day != 6), ''];
}
});
});
beforeShowDay
选项的回调函数中,可以通过判断日期是否为选定日期,然后返回相应的样式来禁用选定日期。$(function() {
var disabledDates = ["2022-01-01", "2022-02-14", "2022-05-01"];
$("#datepicker").datepicker({
beforeShowDay: function(date) {
var dateString = $.datepicker.formatDate('yy-mm-dd', date);
// 禁用选定日期
return [($.inArray(dateString, disabledDates) == -1), ''];
}
});
});
在上述代码中,disabledDates
数组包含了要禁用的选定日期,可以根据实际需求进行修改。
以上是在jQuery UI日期选择器中禁用周末和选定日期的方法。关于jQuery UI日期选择器的更多信息和使用方法,可以参考腾讯云的相关产品:jQuery UI日期选择器。
领取专属 10元无门槛券
手把手带您无忧上云