javascript - Bootstrap daterangepicker 选定的开始日期 + 30 天作为 maxDate

Question

我想知道是否有人可以帮助我。使用 Dan Grossman 的 Bootstrap 日期选择器，我想在选定的开始日期上添加 30 天并将其定义为 maxDate，以便用户无法选择超过此日期。

我真的被困在这个问题上，找不到与我想做的事情相关的任何文档。这是我的代码；

var min_date = new Date();
var max_date = '05/31/2013';

$('#limited').daterangepicker(
{
    minDate: min_date,
    maxDate: max_date,
},
function(start, end) {
    $('#limited')
        .data("showAddEventDialogue_dateRangeStart", start)
        .data("showAddEventDialogue_dateRangeEnd", end);
});

如有任何帮助或建议，我们将不胜感激。

感谢一百万。

Answer 1

该插件似乎只接受minDate 和maxDate 的特定日期格式，即mm/dd/yyyy。

不幸的是，仅仅使用 new Date(); 是行不通的，因为它返回完整的日期，这是不正确的格式。

下面的代码似乎对我有用，它将始终使用今天作为最小值和 +30 作为最大值。

/* Get the code into mm/dd/yyyy format */
function getFormatDate(d){
    return d.getMonth()+1 + '/' + d.getDate() + '/' + d.getFullYear()
}

$(document).ready(function() {
    var minDate = getFormatDate(new Date()),
    mdTemp = new Date(),
    maxDate = getFormatDate(new Date(mdTemp.setDate(mdTemp.getDate() + 30)));

    $('#daterange').daterangepicker(
    {
       minDate: minDate,
       maxDate: maxDate
    }
    );
});