How to set 3 months date range from current date in date picker?

Question

I want to enable only 3 months from current date in bootstrap datepicker.

function addThreeMonthsToStartDate(today) {
    var lastDate = new Date(today.getFullYear(), today.getMonth()+3, getDate());
    return lastDate;
}

$("#startdate").datepicker({
    isDisabled: function(date) {
        return date.valueOf() < Date.now() ? false : true;
    },
    autoClose: true,
    viewStart: 0,
    weekStart: 1,
    maxDate: lastDate,
    dateFormat: "dd/mm/yyyy"
});

Any ideas?

Here is a whole topic about your problem. Already on Stackoverflow https://stackoverflow.com/questions/11933173/how-to-restrict-the-selectable-date-ranges-in-bootstrap-datepicker — Adrian Grzywaczewski, Aug 01 '17 at 07:35

score 1 · Answer 1 · answered Aug 01 '17 at 07:25

1

Solution to your problem it allows only 3 months from current date.

 $('#startdate').datepicker({
        maxDate: "+90d",
        minDate:0
    });

answered Aug 01 '17 at 07:25

S Dhanissh

103
1
1
15

1

This is 90 days not 3 months. – Adrian Grzywaczewski Aug 01 '17 at 07:33

score 0 · Answer 2 · answered Aug 01 '17 at 07:33

Try this

 function addThreeMonthsToStartDate(today) {
 // var today = new Date();
    var lastDate = new Date(today.getFullYear(), today.getMonth()+3, 
                   today.getDate());
    }



$("#startdate").datepicker({
    isDisabled: function(date) {
        return date.valueOf() < Date.now() ? false : true;
    },
    minDate: "dateToday", // If you need to disable past dates
    autoClose: true,
    viewStart: 0,
    weekStart: 1,
    maxDate: lastDate,
    dateFormat: "dd/mm/yyyy"
});

score 0 · Accepted Answer · answered Aug 01 '17 at 10:17

Thanks a lot for your suggestions. I got the solution as below:

    $("#startdate").datepicker({
    isDisabled: function(date) {
        var d = new Date(); 
        return date.valueOf() < d.setMonth(d.getMonth()+3) ? false : true;
    },
    autoClose: true,
    viewStart: 0,
    weekStart: 1,
    maxDate: 0,
    dateFormat: "dd/mm/yyyy"
});

score 0 · Answer 4 · answered Aug 01 '17 at 20:19

you most use startDate and endDate in bootstrap datepicker

 function addThreeMonthsToStartDate(today) {
 // var today = new Date();
    var lastDate = new Date(today.getFullYear(), today.getMonth()+3, 
                   today.getDate());
    }



$("#startdate").datepicker({
    isDisabled: function(date) {
        return date.valueOf() < Date.now() ? false : true;
    },
    startDate: "dateToday", // If you need to disable past dates
    autoClose: true,
    viewStart: 0,
    weekStart: 1,
    endDate: lastDate,
    dateFormat: "dd/mm/yyyy"
});

How to set 3 months date range from current date in date picker?

4 Answers4