【问题标题】:Set last year selected with jQuery UI datepicker使用 jQuery UI datepicker 设置去年选择
【发布时间】:2013-09-03 15:15:15
【问题描述】:

我这样设置年份范围

$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '1900:c-18'
});

这显示了从 1900 年到“今天之前 18 年”的年份下降。它设置为今天的日期选择器,但在 1900 年。如何将年份下拉菜单设置为最后一个可用年份?

小提琴:http://jsfiddle.net/fdE2S/

【问题讨论】:

标签: jquery jquery-ui jquery-ui-datepicker


【解决方案1】:

如果你仔细查看日期选择器,你会发现它指向的是当前日期

03/09/2013 不是 03/09/1990

因为你有藏身之处,今年它没有出现。也就是说,如果你删除 yearRange 你会找到它。

因此,您需要像这样在 defaultDate 中明确设置年份

defaultDate : '-18y' //Subtract 18 years from current date

终于完整的代码

var date = new Date();
$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '1900:-18',
    defaultDate : '-18y'    
});

JSFiddle查看这个

【讨论】:

  • @Matías 很高兴为您提供帮助 :)
  • 我认为关键是要将其限制在 18 年前的今天?因此我发布使用minDatemaxDate 的原因是什么? See the difference
【解决方案2】:

试试这个:

$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    defaultDate: "-18y",
    minDate: new Date(1900, 1, 1, 0, 0, 0, 0),
    maxDate: "-18y",
    yearRange: '1900:-18'
});

Min 和 maxDate 的使用很好地限制了它,因此用户不能选择超过 18 年前的今天。此外,使用 defaultDate 会按照您的要求将日期设置为 18 年前的今天,格式为“-18y”。

jsFiddle

【讨论】:

    猜你喜欢
    • 2012-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-24
    • 1970-01-01
    相关资源
    最近更新 更多