Restriction in Bootstrap Datepicker

Question

How to Restrict to choose the future date in Bootstrap Date picker?

here is the code what i tried

 $( 'selecter' ).datepicker( { maxDate : new Date(), autoclose : true } );

try setting the endDate.. bootstrap-datepicker.readthedocs.org/en/release/… — Sebsemillia
– Sebsemillia, Commented Jan 21, 2015 at 11:07
I tried it but it is not working. can you give me the sample code please. — John Britto
– John Britto, Commented Jan 23, 2015 at 9:40

Irfan Hanif · Accepted Answer · 2015-01-21 11:08:26Z

I use this on my code :

$('.disable-past-date-picker').datepicker({ format: 'dd-mm-yyyy', onRender: function(date) { return date.valueOf() < now.valueOf() ? 'disabled' : ''; } });

Joe Czucha · Accepted Answer · 2015-01-21 13:37:52Z

0

If you want to restrict the datepicker to only allow the selection of dates in the future, use the following:

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

To only allow dates in the past, use this instead:

 $('.datepicker').datepicker({ endDate: new Date() });

Fiddle here: http://jsfiddle.net/tuG6C/620/

answered Jan 21, 2015 at 13:37

Joe Czucha

4,2953 gold badges23 silver badges28 bronze badges

3 Comments

John Britto Over a year ago

I tried these code but not working. I am using Bootstrap date picker not the jQuery date picker.

Joe Czucha Over a year ago

Hi John, there is no DatePicker included with Bootstrap by default, do you mean this one: github.com/eternicode/bootstrap-datepicker Are you getting any errors in your console?

Joe Czucha Over a year ago

Great! That's the one I used in the fiddle. Did you look at that? How exactly is yours "not working"?

Collectives™ on Stack Overflow

Restriction in Bootstrap Datepicker

2 Answers 2

Comments

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Related