如何使用 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 datepicker 上设置服务器日期
使用 jquery 验证和 jquery-ui datepicker