【问题标题】:How to set yesterday date in DatePicker using Jquery如何使用 Jquery 在 DatePicker 中设置昨天的日期
【发布时间】:2012-07-17 13:41:24
【问题描述】:

我有一个文本框,当用户单击它时出现日历。这工作正常,显示当前日期和上一个日期的日历都被禁用。但现在我想显示选择了昨天日期的日历。我怎么能实现这一目标。

例如:如果当前日期是 19-July-2012,那么日历必须显示来自 18-july-2012 的日期,并且 18 日之前的所有其他日期必须处于非活动状态。我该怎么做?

提前致谢。

【问题讨论】:

标签: php jquery datepicker


【解决方案1】:

访问文档: http://docs.jquery.com/UI/Datepicker#option-defaultDate

$( ".yourselector" ).datepicker({ defaultDate: -1, minDate:'-1d' });

【讨论】:

  • 感谢您的回复,这有效,但我想要例如:如果当前日期是 2012 年 7 月 19 日,那么日历必须显示 2012 年 7 月 18 日的日期,而 18 日之前的所有其他日期必须处于非活动状态.我该怎么做?
  • 我根据需要添加了 minDate :)。我现在已经对此进行了测试,并且可以正常工作
  • 很好,不知道 min date 也适用于 -1。很棒的评论。
【解决方案2】:

要选择昨天,您可以:

$( ".selector" ).datepicker({ defaultDate: -1 });

详情请见http://jqueryui.com/demos/datepicker/#option-defaultDate

编辑:

根据评论,DatePicker 应该显示昨天的日期。所以这需要昨天的minDate

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

见:http://jsfiddle.net/E3VEm/1/

【讨论】:

  • 感谢您的回复,这有效,但我想要例如:如果当前日期是 2012 年 7 月 19 日,那么日历必须显示 2012 年 7 月 18 日的日期,而 18 日之前的所有其他日期必须处于非活动状态.我该怎么做?
  • 我认为这应该可行:$( ".selector" ).datepicker({ minDate: -1) }); 这将告诉 DatePicker 在今天前 1 天设置最小可选择日期。因此,当天之前的所有其他日子都将无法选择。
【解决方案3】:

查看http://jqueryui.com/demos/datepicker/ 了解所有选项。

您可能在某处将minDate 设置为今天的日期。

【讨论】:

  • 感谢您的回复,这有效,但我想要例如:如果当前日期是 2012 年 7 月 19 日,那么日历必须显示 2012 年 7 月 18 日的日期,而 18 日之前的所有其他日期必须处于非活动状态.我该怎么做?
【解决方案4】:

建议您使用 jquery-ui datepicker:

$(function() {
    $("#datepicker").datepicker({defaultDate: -1});
});

有关示例,请参阅 http://jsfiddle.net/2qZRy/1/

【讨论】:

  • 感谢您的回复,这有效,但我想要例如:如果当前日期是 2012 年 7 月 19 日,那么日历必须显示 2012 年 7 月 18 日的日期,而 18 日之前的所有其他日期必须处于非活动状态.我该怎么做?
【解决方案5】:

http://jqueryui.com/demos/datepicker/#option-defaultDate

这应该可行:

$(".selector").datepicker({defaultDate: -1});

【讨论】:

  • @Archer,给我看,我从这里复制了它......你为什么不告诉其他也回答了这个问题的人呢?或者,也许您正在等待某种迷你火焰战?
  • 你不应该给出一些不那么脏话和报告的东西。谢谢你证明我是对的。
【解决方案6】:

我认为您可以使用 defaultDate 选项来实现这一点。

http://jqueryui.com/demos/datepicker/#option-defaultDate

【讨论】:

  • 感谢您的回复,这有效,但我想要例如:如果当前日期是 2012 年 7 月 19 日,那么日历必须显示 2012 年 7 月 18 日的日期,而 18 日之前的所有其他日期必须处于非活动状态.我该怎么做?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-10-30
相关资源
最近更新 更多