【问题标题】:jquery ui datepicker allows past dates?jquery ui datepicker 允许过去的日期?
【发布时间】:2013-10-13 13:24:55
【问题描述】:

如何在 jquery ui datepicker 中允许尽可能深的过去日期?

$( ".date-picker" ).datepicker({ 
  dateFormat: "yy-mm-dd"
});

我发现的这些答案似乎您必须在过去设置一个日期才能开始。但是,如果我想允许过去非常遥远的日期,例如 1800 年代,该怎么办?

$('.date-picker').datePicker({startDate:'01/01/2000'});
$('.date-picker').datePicker({startDate: (new Date()).addYears(-1).asString()});

有可能吗?

【问题讨论】:

  • 你想达到什么目的?设定一个过去的日期?设置过去的最短日期?其他?
  • 只是希望能够选择过去的日期 - 没有限制。

标签: javascript jquery jquery-ui date jquery-ui-datepicker


【解决方案1】:

changeYear参数设置为true,显示年份下拉;这使年份选择更容易。还要设置yearRange参数指定年份范围;默认为当年 +/- 10 年:

$("#datepicker1").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "1:c+10" // 1AD to 2013AD + 10
});

Demo here

【讨论】:

    【解决方案2】:

    显示当前示例

    <script src="~/Scripts/jquery-1.6.4.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.10.3.min.js"></script>
    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
    <link href="~/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />
    <script type="text/javascript">
        $(function () {
            $("#txt").datepicker({
                dateFormat: "yy-mm-dd",changeYear:true
            });
        });
    </script>
    
    <h2>Index</h2>
    
    <input type="text" id="txt" class=".date-picker"/>
    

    您可以选择过去的任何日期。 打开年份下拉列表并选择较旧的,然后再次打开并选择较旧的。

    【讨论】:

    • 这个例子只会让你看到 10 年前(这是 datepicker 的默认值)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-16
    • 2010-12-19
    • 2020-02-15
    • 2011-05-27
    • 1970-01-01
    相关资源
    最近更新 更多