bootstrap-datepicker 设置可选时间范围

发表于 分类于 阅读次数： 本文字数： 182 阅读时长 ≈ 1 分钟

datepicker 设置未来日期不可选，只能选择一年内日期。一开始通过 endDate 属性设置未来日期不可选，出现了一个奇怪的 bug，然后用如下方法实现该功能。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//初始化
var ops = {
    multidate: true,//同时可以选中多个日期
    todayHighlight: true, //设置当天日期高亮
    language: 'zh-CN', //语言
    autoclose: true, //选择后自动关闭
    clearBtn: true,//清除按钮
    format: "yyyy-mm-dd",//日期格式
};
$("#itxst").datepicker(ops);
//设置只能选择一年内日期
function setStartDate() {
    var dt = new Date(new Date().setDate(new Date().getDate() - 365));
    $('#itxst').datepicker('setStartDate', dt);
}
//设置不能选择当天日期起之后的日期
function setEndDate() {
    var dt = new Date(new Date().setDate(new Date().getDate()));
    $('#itxst').datepicker('setEndDate', dt);
}

setStartDate();
setEndDate();

参考文档