如何使用 Jquery 在 DatePicker 中设置昨天的日期

Posted

技术标签:

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

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

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

提前致谢。

【问题讨论】:

重复问题 - 您应该在提问之前进行搜索。 ***.com/questions/11300657/… 【参考方案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 日之前的所有其他日期必须处于非活动状态.我该怎么做?

以上是关于如何使用 Jquery 在 DatePicker 中设置昨天的日期的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 JavaScript 或 jQuery 在 html 中使用 datepicker 按年月和日填充年龄

如何从 jQuery UI datepicker 获取日期

如何在 jQuery datepicker 上设置服务器日期

使用 jquery 验证和 jquery-ui datepicker

如何更改 jQuery UI datepicker 的主题?

jQuery UI datepicker - 如何在代码中使用 dateFormat 作为日期?