How to disable previous date in datepicker

Question

In the below code i am using timezone of pacific/Auckland as per their timezone today date i.e.,11-April-2017 is completed now their date is 12-April-2017 but in my date picker 11th April is not disabled. I need to disable previous date i.e., is 11-April-2017.

This is my datepicker code

.datepicker({
               autoclose: true,
               todayHighlight: true,
               startDate: new Date().toLocaleString('en-NZ', { timeZone: 'Pacific/Auckland' })
             })

Possible duplicate of [jQuery Date Picker - disable past dates](http://stackoverflow.com/questions/8356358/jquery-date-picker-disable-past-dates) — Kody R., Apr 11 '17 at 14:46

KOUSIK MANDAL · Answer 1 · 2017-04-11T14:20:28.970

1

You can do this just by sustracting one day from today's date(new Date()) in startDate attribute.

Try this to substract one day from today's date in client side;

.datepicker({
           autoclose: true,
           todayHighlight: true,
           startDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ', { timeZone: 'Pacific/Auckland' })
         })

edited Apr 11 '17 at 14:20

answered Apr 11 '17 at 13:44

KOUSIK MANDAL

2,002
1
21
46

are you sure it is not a browser cache issue? – KOUSIK MANDAL Apr 11 '17 at 13:52
it cleaned browser cache also till it is not working – Arun Raju Apr 11 '17 at 14:14
I have updated my answer, now check please. Notice the change "- 1"(minus) to "+ 1"(plus) – KOUSIK MANDAL Apr 11 '17 at 14:15
still it is not working and it is enabled all previous dates also – Arun Raju Apr 11 '17 at 14:20

ADoorMarkedPirate · Answer 2 · 2017-04-11T14:29:42.050

1

The minDate option is what you are looking for.

.datepicker({
       autoclose: true,
       todayHighlight: true,
       minDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ', { timeZone: 'Pacific/Auckland' })
 })

edited Apr 11 '17 at 14:29

answered Apr 11 '17 at 13:49

ADoorMarkedPirate

400
2
14

score 1 · Answer 3 · answered Apr 11 '17 at 13:57

1

You will have to create it with minDate:

.datepicker({
       autoclose: true,
       todayHighlight: true,
       minDate: // whatever you choose,
       startDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ', { timeZone: 'Pacific/Auckland' })
     })

answered Apr 11 '17 at 13:57

Kody R.

2,430
5
22
42

it is not working and it is enabled previous dates also – Arun Raju Apr 11 '17 at 14:19
@ArunRaju the problem may be the format for the date you are entering – Kody R. Apr 11 '17 at 14:35
i am using mm/dd/yyyy – Arun Raju Apr 11 '17 at 14:44

How to disable previous date in datepicker

3 Answers3