【问题标题】:Limit the minimum year in DatePicker selection限制 DatePicker 选择中的最小年份
【发布时间】:2017-11-07 11:14:21
【问题描述】:

我正在使用 jQuery DatePicker 在我的表单上选择一个日期。我想限制该日历中的年份,使其显示 1900 年及以后的年份。

我试过这段代码:

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

但它仍然显示早于 1900 年的年份:

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

【问题讨论】:

标签: javascript jquery jquery-ui datepicker


【解决方案1】:

开始日期:'-30y', endDate: '+0y'

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

代码如下:

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

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

    • 我尝试使用 yearRange: "1900:+0" 但我仍然可以看到 -100 值
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-13
    • 1970-01-01
    • 1970-01-01
    • 2023-02-01
    • 1970-01-01
    相关资源
    最近更新 更多