【问题标题】:How to disable date based on the current time in jQuery UI Datepicker?如何在 jQuery UI Datepicker 中根据当前时间禁用日期?
【发布时间】:2015-05-13 15:08:02
【问题描述】:

我有一个用于客户订单系统的多步骤表单。在一个步骤中,我实现了一个 jQuery UI Datepicker,供客户选择他们的收集和交付日期。

到目前为止它工作得很好,但是我想用这个日期选择器添加一个额外的功能;即如果当前时间小于或等于上午 10 点(上午 10 点之前),用户可以选择当前日期作为交货日期,但如果在上午 10 点之后订购当前日期应该禁用,并且如果用户在周五上午 10 点之后订购,则在交货日期阻止下一个星期六和星期日。

任何帮助都会很棒,在此先感谢。

这是我的想法 -

var dt = new Date();
    var hour = dt.getHours();
    if(parseInt(hour, 10) > 10) {
       //want to set minDate=+1 here
    } else {
        //want to set minDate=0 here
    }

【问题讨论】:

  • @isherwood - 请检查我更新的问题,我不知道这应该去哪里,我认为 onSelect 方法不起作用。想在初始化日期选择器上工作。对吗??

标签: jquery jquery-ui datepicker


【解决方案1】:
var minDate = null;

...

if(parseInt(hour, 10) > 10) {
    minDate = 1;
}

$( ".selector" ).datepicker({
    minDate: minDate;
});

【讨论】:

  • 感谢您的帮助,您能帮我解决问题的第二部分吗,即 - 如果用户在星期五上午 10 点之后订购,那么在交货日期日历中阻止下一个星期六和星期日??
  • 这可能需要一个新问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-25
  • 1970-01-01
  • 2012-06-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多