javascript - 禁用 jQuery UI 日期选择器中的假日、星期日和过去的日期

标签 javascript php jquery jquery-ui jquery-ui-datepicker

我正在使用 jQuery datepicker 创建约会表单。我已经四处搜索,但似乎无法在演出前组合我想要的所有功能。 我想要从日期选择器中禁用今天之前的所有日期(昨天和其余日期,因为您无法在今天之前的日期预约,它必须更晚),然后在每个星期日(非工作日)和公共(public)假期禁用(这个使用数组)。我从其他人那里看到的是 jQuery 专门针对一个功能,比如公共(public)假期,它只是一个数组,但是禁用前一天和周日怎么样?

我尝试关注这篇文章http://articles.tutorboy.com/2010/09/03/jquery-ui-datepicker-disable-specified-dates/但我不知道如何结合它。有人可以告诉我怎么做吗?

我每周日都会禁用此功能

 function disabledSunday(date) {
     var day = date.getDay();
     return [(day != 0), ''];
 }
 $('#datepicker').datepicker({
     dateFormat: 'mm-dd-yy',
     beforeShowDay: disabledSunday
 });

此内容适用于今天为止的所有日期

 var date = new Date();
 var m = date.getMonth(),
     d = date.getDate(),
     y = date.getFullYear();
 // Disable all dates till today
 $('#datepicker').datepicker({
     minDate: new Date(y, m, d),
     dateFormat: 'mm-dd-yy',
 });

此日期适用于特定日期,例如公共(public)假期

 // Disable a list of dates
 var disabledDays = ["5-31-2013", "6-01-2013"];

 function disableAllTheseDays(date) {
     var m = date.getMonth(),
         d = date.getDate(),
         y = date.getFullYear();
     for (i = 0; i < disabledDays.length; i++) {
         if ($.inArray((m + 1) + '-' + d + '-' + y, disabledDays) != -1) {
             return [false];
         }
     }
     return [true];
 }
 $('#datepicker').datepicker({
     dateFormat: 'mm-dd-yy',
     beforeShowDay: disableAllTheseDays
 });

如何将这三个功能合并为一个,我对 Jquery 和 javascript 不太了解

最佳答案

试试这个:- html代码: <input id="txtDate" />

function disabledays(date) {
    var ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
        //if u have to disable a list of day
         var removeDays = ["2013-6-11","2013-6-31" ];
         if ($.inArray(ymd, removeDays) >= 0) {
        return [false];
    } else {
        //Show accept sundays
        var day = date.getDay();
        return [(day == 1 || day == 2 || day == 3 || day == 4 ||day == 5 ||day == 6 )];
    }
}

$(function () {
    $('#txtDate').datepicker({
        beforeShowDay: disabledays
    });
});

关于javascript - 禁用 jQuery UI 日期选择器中的假日、星期日和过去的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16810769/

相关文章:

javascript - 在 Confluence 中创建可排序的动态表

javascript - 如何将 .when() 与包含 ajax 调用的函数一起使用?

javascript - Uncaught TypeError : col_class. 拆分不是函数

javascript - 内容点击计数器

javascript - 未捕获的类型错误 : undefined is not a function in datepicker

javascript - ReactJS:如何将 &lt;input/> 放入 Material UI 的 <TextField/> 中?

php - 如何更改 "post comment"按钮上的文本?

php - 我想要一个 map ,其中包含从用户插入的值以及数据库中的值

javascript - Wordpress 将 javascript 插入页面文本区域

php - laravel 在某些情况下自动将数据插入数据库