Question

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

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

我发现这些答案似乎你必须在过去设定一个日期才能开始。但是，如果我想允许过去非常遥远的日期，例如在19世纪，那会怎么样？

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

有可能吗？

Answer 1

将changeYear参数设置为true以显示年份下拉列表;这使年份选择更容易。同时设置yearRange参数以指定年份范围;默认是当前年份+/- 10年：

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

Demo here

Answer 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"/>

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

jquery ui datepicker允许过去的日期？

2 个答案: