【问题标题】:jQuery UI Datepicker - Month and Year DropdownjQuery UI Datepicker - 月份和年份下拉菜单
【发布时间】:2016-09-21 12:34:10
【问题描述】:

我的网站上有following Datepicker

正如您从他们的示例中看到的那样,它只能追溯到 2006 年,并且可以追溯到 2026 年。我需要将这一年追溯到更远的地方,我将如何做到这一点?

这是我的代码:

<script>
    $(function() {
        $("#passenger_dob").datepicker({ changeMonth: true, changeYear: true, dateFormat: "dd/mm/yy" }).val()
    });
</script>

【问题讨论】:

  • 一旦你选择了2006年作为年份,选择的范围就变成了1996-2016年。所以你可以通过选择最低的年份来继续返回
  • 您好,我明白,但这不是我想要的。我希望直到 1930 年代左右的年份立即下降。

标签: javascript jquery jquery-ui datepicker


【解决方案1】:

使用 yearRange 选项设置您想要显示的年份:

$("#passenger_dob").datepicker({
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy",
    yearRange: "-90:+00"
});

yearRange 选项可以是硬编码的,或者,在我的示例中,可以使用相对于当前日期的范围。我使用的选项的意思是“显示的最早年份比当年早 90 年”和“显示的最大年份等于当年”。

注意如文档中所述,这只会影响默认情况下显示在下拉列表中的选项,它不会对用户实际可以输入/选择的日期施加任何限制。

更多详情请见http://api.jqueryui.com/datepicker/#option-yearRange

【讨论】:

  • 非常感谢!感谢您的帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-07
  • 1970-01-01
  • 2010-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多