Bootstrap-datepicker: startDate option disabling past dates with current date

Created on 20 Apr 2013 · 12Comments · Source: uxsolutions/bootstrap-datepicker

I wanted to disable all past date before current date and using following code:

$('#date').datepicker({
startDate: new Date()
});

It works fine. But it is disabling date till today. As example if today is 04-20-2013 and i disable past dates by setting startDate: new Date(). but I can select date from 04-21-2013

Source

itskawsar

Most helpful comment

you can set a temporary variable before initializing datepicker:

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

and use this as option:

$('#date').datepicker({ 
startDate: today 
});

now you can also select the current day!

saschaglo on 18 Jun 2013

👍9

All 12 comments

you can set a temporary variable before initializing datepicker:

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

and use this as option:

$('#date').datepicker({ 
startDate: today 
});

now you can also select the current day!

saschaglo on 18 Jun 2013

👍9

Nice!!!! This one helped.

Need to add that to doc so I will be aware of it.

llahnoraa on 7 Jul 2014

Thank you

mlugaliki on 14 Dec 2014

Thank you.

manishgumber on 23 Apr 2015

You can either use HTML data attributes like data-date-startdate=’yyyy-mm-dd’ or the startDate attribute while initializing the datepicker. You can know more about disabling past dates in bootstrap datepicker here http://codezag.com/disabling-past-dates-bootsrap-datepicker/