在jQuery UI datepicker上禁用一周中的特定日期[重复]

Posted

技术标签:

【中文标题】在jQuery UI datepicker上禁用一周中的特定日期[重复]【英文标题】:Disable specific days of the week on jQuery UI datepicker [duplicate] 【发布时间】:2011-02-27 10:41:59 【问题描述】:

可能重复:Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?

我想在 jQuery UI 日期选择器上禁用某些日子,例如每周一或每周二或每周一、周四、周五等。

我尝试使用 beforeShowDay,但这需要一个特定的日期。我只想禁用一周中的一整天。

更新:感谢您提出的解决方案,但它们都适用于特定日期。如果我想禁用全年的每个星期一和星期二怎么办。我该怎么做?

【问题讨论】:

【参考方案1】:

你可以使用 datepicker 的 beforeShowDate option 和 Date.getDay() 来做你想做的事,像这样:

​$("#datepicker").datepicker(
    beforeShowDay: function(date) 
        var day = date.getDay();
        return [(day != 1 && day != 2)];
    
)​​​​​;​

You can see a working demo here,这只是获取日期,检查它是星期一 (1) 还是星期二 (2),如果是这样,则为第一个数组条目返回 false。

【讨论】:

如何修改并与复选框一起使用?例如,用户将有 7 个复选框的选项 - 一周中的每一天都有一个选项,其中包含相应日期的值,如果用户仅在星期一检查,然后单击 datepicker 字段,则仅显示星期一,如果他们选择/add/check more,那么 datepicker 会启用更多天数吗? @Xander 看看这个codepen.io/anon/pen/XmQrPY @SebastiánRojas 谢谢 :) 会再次派上用场 getUTCDay 应该用于本地化目的。在世界的某些地方,星期一是一周的开始。

以上是关于在jQuery UI datepicker上禁用一周中的特定日期[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何在 jquery-ui datepicker 中禁用动画?

jQuery UI Datepicker - 如何动态禁用特定日期

jQuery UI Datepicker - 在 min/maxdate 中排除禁用日期

在 jQuery UI Datepicker 中禁用未来日期

在 Jquery Ui Datepicker 中禁用今天之后的未来日期

JQuery ui - datepicker,禁用特定日期