首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jquery ui日期选择器中禁用周末和选定日期?

在jQuery UI日期选择器中禁用周末和选定日期,可以通过以下步骤实现:

  1. 禁用周末:使用beforeShowDay选项来自定义日期选择器中每个日期的样式和可用性。在beforeShowDay回调函数中,可以通过判断日期是否为周六或周日,然后返回相应的样式来禁用周末日期。
代码语言:txt
复制
$(function() {
  $("#datepicker").datepicker({
    beforeShowDay: function(date) {
      var day = date.getDay();
      // 禁用周六和周日
      return [(day != 0 && day != 6), ''];
    }
  });
});
  1. 禁用选定日期:使用beforeShowDay选项的回调函数中,可以通过判断日期是否为选定日期,然后返回相应的样式来禁用选定日期。
代码语言:txt
复制
$(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日期选择器

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券