如何在Bootstrap Datepicker输入组件中设置年份选择范围

问题原因 #

你代码中使用的yearRange是jQuery UI Datepicker的专属配置参数，Bootstrap Datepicker并不识别该参数，这是范围设置不生效的核心原因。

解决方案 #

Bootstrap Datepicker控制可选日期范围使用startDate和endDate两个参数，按你需要的1950~2010年的年份范围要求，修改配置如下即可：

$('.date-own').datepicker({
    format: "yyyy",
    viewMode: "years",
    minViewMode: "years",
    autoclose: true,
    startView: 2,
    startDate: "1950-01-01",
    endDate: "2010-12-31"
});

额外注意事项 #

• 原配置中format值前面多余的空格已经删除，避免格式解析异常导致年份显示错误
• 如果你使用的是第三方修改的Bootstrap Datepicker分支版本，可额外检查版本文档是否支持yearRange参数，优先用官方标准参数兼容性更好

内容的提问来源于stack exchange，提问作者Ajay Raturi