jQuery UI 日期选择器 : Display all 12 months in <select> for current year?

标签 jquery jquery-ui jquery-ui-datepicker

我正在使用jQuery UI Datepicker使用这些选项:

$('#birth_date').datepicker({
        changeMonth: true,
        changeYear: true,
        minDate: new Date(-2206281600*1000),
        maxDate: new Date(1298653687*1000),
        yearRange: '1900:2011'
});

效果很好。月份和年份显示为 2 并排 <select>盒子。问题是,我们现在只是 2011 年 2 月。因此,当用户输入他们的出生日期(例如 12 月)时,该月份尚不可用。他们必须先选择年份,然后才能选择月份。

如何才能显示所有 12 个月,即使这些月份不是当年的有效选项?

最佳答案

对于仍在寻找的人,我最终使用 defaultDate 来解决此问题:

$( ".selector" ).datepicker({
  changeMonth: true,
  changeYear: true,
  minDate: '-100Y', //100 Years Old
  maxDate: '0' //Today
  defaultDate: '-1Y', //Default to One Year Ago to show 12 months
  yearRange: '-100:+0' //Show 100 
});

它仍然限制日期范围,因此没有人可以选择将来的日期,并且不依赖于用户按特定顺序输入。

关于jQuery UI 日期选择器 : Display all 12 months in <select> for current year?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5120408/

相关文章:

javascript - jQuery:模板化数据

javascript - jQuery-ui slider 不适用于 jQuery-ui Touch Punch

css - 可在移动设备上进行手指友好排序

javascript - 如何在 JQuery-Ui 中设置添加按钮的样式

jquery - 如何将日期选择器最大日期限制为今天?

javascript - 如何在 CSS/JAVASCRIPT 中将图像转换为灰度

javascript - JSON 对象(如何最初不将整个对象加载到 DOM 上)

javascript - 如何显示结束日期和截止日期 31-03

jquery - 如何在 jquery UI datetimepicker 上设置 'Now' 按钮来设置 UTC 时间?

javascript - 捕获按键以过滤元素