Question

当我初始化像

这样的jquery日期选择器时

$( "#datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true
});

显示从2000年到2020年的日期选择器。

修改

当我去2000年，下一次它从1990年开始，但我想以任何方式定制它。

如何设置适合我要求的年份和年份。

提前致谢。

Answer 1

$(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: '1945:'+(new Date).getFullYear()         
    });
});

这个例子从1945年到今年开始

Answer 2

$( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1972:2011'
    });

应该运作良好。

Answer 3

请参阅documentation：该选项名为yearRange。

控制年份下拉列表中显示的年份范围：相对于当前年份（-nn：+ nn），相对于当前所选年份（c-nn：c + nn），绝对值（nnnn：nnnn）），或这些格式的组合（nnnn：-nn）。请注意，此选项仅影响下拉列表中显示的内容，以使用minDate和/或maxDate选项限制可以选择的日期。

Answer 4

试试这个：

$('#license_expiry_date').datepicker({changeMonth: true, 
                                      changeYear: true, 
                                      yearRange: '-100:+100',
                                      maxDate: new Date(2100, 1,18) });

Answer 5

您还可以执行以下操作：

'yearRange': '1945:' - 结束年份是当前的一年。

'yearRange': '1945:+10 - 加上当前的10年。

'yearRange': '1945:-10 - 减去当前的10年。

Answer 6

开始日期必须限制最多2年选择

 $(document).on('change', '#startdate', function () {
        var current=$(this).val();
        var currentYear = current.split("-");
        var compareYear=(new Date().getFullYear()-1);
            if(compareYear > currentYear[0]){
                $('#limitMsg').text('this year must at most one year from current date');
                $('#submit').prop('disabled', true);
            }else{
                $('#limitMsg').text('');
                $('#submit').prop('disabled', false);
            }
  });

如何设置jquery日期选择器的开始年份和结束年份？

6 个答案:

开始日期必须限制最多2年选择