Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap datepicker disabling past dates without current date

I wanted to disable all past date before current date, not with current date. I am trying by bootstrap datepicker library "bootstrap-datepicker" 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 am able to select date from 04-21-2013.

UPDATED: i can solve it as following for UTC zone:

var d = new Date(); options["startDate"] = new Date(d.setDate(d.getDate() - 1)); 

or startDate: "+0d"

But these methods don't work when UTC is a day ahead. For my client in California that means at 5:00 pm my client can no longer select his local current date as a valid date. In order to fix this I am temporarily using startDate: "-1d", but of course before 5 that means yesterday is visible.

Has anyone come up with a better method for now as I do not want to tell users to put in a UTC date?

Thanks in advance.

like image 399
itskawsar Avatar asked Apr 20 '13 17:04

itskawsar


People also ask

How do I turn off past date in calendar?

the previous dates we need to set the minDate property of the date picker. if we set minDate:0 then it will disable all the previous dates. and we set input attribute min:current_date then it will disable all the previous dates.

Why bootstrap-datepicker is not working?

Because you're defining the code in the head the body and its contents haven't been loaded yet; so the selector finds no elements to initialize datepicker. If you don't want to use document. ready functionality you could also move the script to the end of the body tag.


1 Answers

var date = new Date(); date.setDate(date.getDate()-1);  $('#date').datepicker({      startDate: date }); 
like image 52
Tom Hartman Avatar answered Sep 20 '22 01:09

Tom Hartman