Question

我在2个字段上有一个日期选择器：开始日期和结束日期。选择开始日期后，结束日期datepicker会更新最小和最大日期选项以及yearRange选项。

如果我选择29/12/2013，则用户只能在此处选择10天作为结束日期。

因此，我打开结束日期的日期选择器，其年份范围为2013：2014，并且changeYear选项设置为true。

但是年份下拉列表仅显示2013. 2014年不在列表中。

如果我点击日期选择器的右箭头（下一个）移动到下一年，它将移至2014年，然后如果我点击年份下拉列表2014，则现在显示。

$（“＃EndDate”）。datepicker（“option”，“yearRange”，“2013：2014”）;

如果在此代码前面发出提醒，则年度下拉列表会按预期显示2013年和2014年。

我正在使用JQuery 1.4.4

Answer 1

This question似乎解决了同样的问题。看起来您可能没有正确的格式来指定日期范围。

Answer 2

找到解决方案：

原始代码在更改yearRange选项之前将changeYear选项设置为true - 这不会在下拉年份列表中显示更新范围：

$("#EndDate").datepicker("option", "changeYear", true);
$("#EndDate").datepicker("option", "yearRange", yearRange);

在yearRange选项之后放置changeYear选项代码解决了问题。现在，下拉列表显示了预期的年份范围。因此，排序很重要。

    $("#EndDate").datepicker("option", "yearRange", yearRange);
    $("#EndDate").datepicker("option", "changeYear", true);

Answer 3

试试这个：

$(function () {
       $("#txtDateofBirth").datepicker({

           changeYear: true,
           dateFormat: 'dd/mm/yy',
           yearRange: '1970:2025'
       }
       );
   });

JQuery Datepicker下拉列表仅显示单年

3 个答案: