Bootstrap Datepicker - 限制datepicker选择中的最小年份

时间:2017-11-07 11:14:21

标签: javascript jquery jquery-ui datepicker bootstrap-4

我使用jquery datepicker在表单中选择日期。我希望以这样的方式限制该日历中的年份,以便仅显示直到1900年的年份。

我试过这段代码 -

$('#' + CalenderId).datepicker({
        format: "dd/mm/yyyy",
        autoclose: true,
        changeMonth: true, 
        changeYear: true, 
        yearRange: '1900:+0'
    });

但它仍然显示年份不到1900年 -

enter image description here

还有其他方法可以限制吗?

2 个答案:

答案 0 :(得分:0)

yearRange仅适用于年份列表。要限制输入的日期本身,您需要使用minDatemaxDate。例如:

yearRange: "-150Y:-10Y",
minDate: "-150Y",
maxDate: "-10Y",

使用yearRange: "1900:+0"只会给你1900年的时间。

答案 1 :(得分:0)

startDate:“-30y”, endDate:“ + 0y”

这将帮助您限制年份 例如:如果当前年份是2020,则 它将选择开始年份为2020-30 = 1990 并且结束年份为2020

代码如下:

$("#year").datepicker({
        autoclose: !0,
        yearHighlight: !0,
        format: "yyyy",
        viewMode: "years",
        minViewMode: "years",
        startDate: '-30y',
        endDate: '+0y'
    })