在bootstrap datepicker中阻止日期

时间:2015-04-11 16:31:09

标签: javascript html twitter-bootstrap

我坚持在bootstrap datepicker中阻止日期。我需要它从开始日期起7天的范围内,并阻止所有日期不在7天

例如,用户选择2015年4月11日。该用户只能选择截至2015年4月18日的日期,这将是结束日期。有人可以帮帮我吗。

感谢。

这是我的日期选择器引导代码。

var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

$('#startdate').datetimepicker({
    minDate:today,
    format: 'YYYY-MM-DD HH:MM:SS'   
}).change(function (selected) {
    var startDate = new Date(selected.date.valueOf());
    $('#enddate').datetimepicker('maxDate', startDate+10);
});

1 个答案:

答案 0 :(得分:1)

首先,您不能直接对Date对象进行算术运算。相反,你应该这样做。

function getEndDate(date) {
    date.setDate(date.getDate() + 10);
    return date;
}

其次,您应该可以设置minDatemaxDate选项。

$('#startdate').datetimepicker({
    minDate: today,
    format:  'YYYY-MM-DD HH:MM:SS'   
}).change(function (selected) {
    var startDate = new Date(selected.date.valueOf());
    $('#enddate').datetimepicker('maxDate', getEndDate(startDate));
});