How to show dates for current month and next month only in bootstrap Datepicker

Question

I have implemented a bootstrap datepicker for policy start, so that I want to show user to select dates from current month and next month only.

Can anyone tell me how is it possible in bootstrap datepicker?

$(".policy-start-dp").datepicker({

});

Possible duplicate of [How to restrict the selectable date ranges in Bootstrap Datepicker?](https://stackoverflow.com/questions/11933173/how-to-restrict-the-selectable-date-ranges-in-bootstrap-datepicker) — VincenzoC, Mar 11 '18 at 23:21

score 2 · Answer 1 · answered Mar 11 '18 at 12:29

2

You need to set the minimum and maximum values of the date picker

    //Get Current Date
    var date = new Date();

    //Create Variable for first day of current month
    var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);

    //Create variable for last day of next month
    var lastDay = new Date(date.getFullYear(), date.getMonth() + 2, 0);


    $( "#datepicker" ).datepicker({ 
        minDate: firstDay, 
        maxDate: lastDay 
    });

Hope that helps :)

answered Mar 11 '18 at 12:29

Steve Westgarth

103
8

How to disabled past dates from current date with this code ? – Muhammad Owais Mar 11 '18 at 13:04
Just set the min date to be date - this will mean that the date must be between today and the end of next month. – Steve Westgarth Mar 11 '18 at 13:19

score 1 · Answer 2 · edited Jul 18 '18 at 06:53

1

no need to set start and end date just pust the "startDate" code is below.

var changeDateFormat = () => {
if ($(fileMonths).parent().parent().hasClass('sandbox-container')) {
    $('#fileMonths').datepicker({
        autoclose: true,
        minViewMode: 1,
        startDate: '0m',
        format: "mm/yyyy"
    });
}

};

date picker months

edited Jul 18 '18 at 06:53

Ravi Mariya

1,210
15
19

answered Jul 18 '18 at 05:02

shalika range

23
6

How to show dates for current month and next month only in bootstrap Datepicker

2 Answers2