禁用日期选择器的天数答案

【问题标题】：disable days from datepicker禁用日期选择器的天数
【发布时间】：2012-03-27 18:57:20
【问题描述】：

有没有办法从 jquery UI datepicker 中禁用天数？

我尝试使用日期格式 mm/yy 来限制天数，但我的老板仍然担心用户仍然认为他们需要选择一天

$("#date").datepicker({ yearRange: '1950:2015', changeYear: true, changeMonth: true });

我想禁用“day”，在我的情况下，如果可能的话，我更喜欢使用 datepicker 而不是两个下拉列表。

看到有文章说禁用指定日期http://davidwalsh.name/jquery-datepicker-disable-days

所以我认为可能有一种方法可以禁用所有天

【问题讨论】：

你能展示一小段代码吗？这往往会使人们对这个问题更感兴趣。此外，指向现有网站的链接或情况照片有时会有所帮助。
看看这个：stackoverflow.com/questions/2208480/…
如果您不想选择日期，为什么要使用日期选择器？使用一对下拉菜单来选择年份和月份。

标签： jquery jquery-ui datepicker jquery-ui-datepicker

【解决方案1】：

是的，在datepicker 的配置对象上使用beforeShowDay 事件处理程序...

function restrictdays(date) {
    /* logic here */

    return [
        /* boolean indicating whether date is valid */
        isvalid,
        /* css class name */
        isvalid ? 'success' : 'failure',
        /* optional tooltip */
        isvalid ? 'good job' : 'bad job'
    ]; 
}


$(function() {
  $('#date').datepicker({
    /* ... config options ... */
    beforeShowDay: restrictdays
  });
});

Reference

【讨论】：

该函数接受一个日期作为参数，并且必须返回一个数组，其中 [0] 等于 true/false 表示该日期是否可选，[1] 等于 CSS 类名（s ) 或 '' 用于默认演示，以及 [2] 此日期的可选弹出工具提示。在显示之前，它会在日期选择器中的每一天被调用。