禁用 jQuery UI 日历中的所有星期日

Posted

技术标签:

【中文标题】禁用 jQuery UI 日历中的所有星期日【英文标题】:Disable all Sundays in jQuery UI Calendar 【发布时间】:2011-05-21 14:10:42 【问题描述】:

我想在 jQuery UI 日历中禁用星期日。

从文档中我了解到这一点:--

$('#datepicker').datepicker( minDate: 4,beforeShowDay: $.datepicker.noWeekends ); 

这将禁用周六和周日。但我只想在星期天禁用。是否有任何默认选项。

解决方法不好

beforeShowDay 将 true 或 false 作为每一天的参数。所以写一个函数,根据每天返回真或假。

【问题讨论】:

【参考方案1】:

试试这个

$("#datepicker").datepicker(
    beforeShowDay: function(date) 
        var day = date.getDay();
        return [(day != 0), ''];
    
);

【讨论】:

或者将此事件作为选项添加到较早启动的 datepicker 实例中: $('#datepicker').datepicker('option', ' beforeShowDay', function(date) var day = date.getDay(); return [(day != 0), '']; );【参考方案2】:

是的,您可以在 jQuery UI 日期选择器中禁用周六和周日。

https://codepen.io/VijayDhanvai/pen/ExjdGPb

$("#date").datepicker(
    beforeShowDay: function(date) 
        var day = date.getDay();
        return [(day != 0 && day != 6),  ''];
    
);

【讨论】:

【参考方案3】:

您也可以使用此代码 它对我有用

$("#date").datepicker(
filter: function(date, view) 
if (date.getDay() === 0 && view === 'day') 
  return false; // Disable all Sundays, but still leave months/years, whose first day is a Sunday, enabled.


);

【讨论】:

【参考方案4】:

与最佳答案相比,除了禁用星期日之外,以下是向日期选择器添加选项的方法:

$('#datepicker_fin').datepicker(
            
                beforeShowDay: function(date) 
                
                    var day = date.getDay();
                    return [(day != 0), ''];
                ,
                dateFormat: 'dd-mm-yy',
                changeYear: true,
                maxDate: null
            );

【讨论】:

以上是关于禁用 jQuery UI 日历中的所有星期日的主要内容,如果未能解决你的问题,请参考以下文章

jQuery UI Datepicker - 禁用假期和星期六 - 添加星期五

jQuery UI 日期选择器;禁用第二个和第四个星期六

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

Jquery日历禁用过去一个月的问题[重复]

如何在jQuery UI Datepicker中禁用下一个周末?

JQuery UI datepicker(从星期一开始几周)