禁用 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 日期选择器中同时禁用周末和选定日期?