【问题标题】:JQuery Datepicker selecting disabled dateJQuery Datepicker选择禁用日期
【发布时间】:2021-01-05 17:10:30
【问题描述】:

我有一个 JQuery 日期选择器,我将默认日期设置为今天的日期 +15 天。
我还这样做了,以便用户无法选择周末的日期。但是,当我实现以下代码时,它允许选择禁用的周末日期。
问题:我怎样才能让它选择下一个可用日期?

$.datepicker.setDefaults(
  $.datepicker.regional["fi-FI"]);

$('.datepicker').wijtextbox().datepicker({
  beforeShowDay: $.datepicker.noWeekends
});

$('.datepicker').datepicker('setDate', +15);

以上代码默认为 10 月 10 日,即星期六,已禁用。如何让它选择下一个可用日期,即 10 月 12 日星期一?

【问题讨论】:

  • 您将无法使用noWeekends,这显然会禁用这些日期。您必须编写一个自定义函数(可能包含noWeekends() 来检测周末)并更改返回的日期。

标签: jquery datepicker jquery-ui-datepicker


【解决方案1】:

在使用 setDate 之前,请检查您的任意值 15 是否会生成 Sat.Sun.,如果是,请在 setDate 中再添加 1 或 2 个

const mydate = new Date();
mydate.setDate(mydate.getDate() + 15);

if(mydate.getDay() == 6){ //Sat. add 2 more days
   $('.datepicker').datepicker('setDate', +17);
} else if(myDate.getDay() == 0){ //Sun add 1 more day
   $('.datepicker').datepicker('setDate', +16);
}else{
   $('.datepicker').datepicker('setDate', +15);
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-24
    相关资源
    最近更新 更多