Bootstrap datepicker每7天生成一个可选日期

时间:2017-12-06 03:25:28

标签: jquery twitter-bootstrap datepicker bootstrap-datepicker

我想在我的日历上实现一项功能,但我对如何实现它没有任何想法,我想要实现的目标:

一旦我在第一个日期选择器中选择了一个日期,我希望另一个日期选择器限制我可以选择的日期:制作以便我只能选择第一个日历上的选定日期加上7天,再加上14天等,从7到7天,我可以选择该日期并禁用其他日期。

$('#startdateajna').datepicker({
    startDate: date,
    format: "dd/mm/yyyy"
}).on('changeDate', function(e) {
    console.log('trigger');

    var oldDate = new Date(e.date);
    var newDate = new Date();
    newDate.setDate(oldDate.getDate() + 7);

    $('#enddateajna').datepicker('setDate', newDate);
});

谢谢。

1 个答案:

答案 0 :(得分:1)

试试这个

$('#startdateajna').datepicker({
    dateFormat: 'dd/mm/yyyy',                        
    onSelect: function (selected) 
    {
        var date2 = $('#startdateajna').datepicker('getDate');
        date2.setDate(date2.getDate() + 7);
        $("#enddateajna").datepicker("option", "minDate", selected);
        $("#enddateajna").datepicker("option", "maxDate", date2);                          
    }
});