jQuery Datepicker minDate is not working in bootstrap

Question

I'm trying to set a minDate for a jquery datepicker. but itz is not working.

$('.datepicker').datepicker({
    autoclose: true,
    todayHighlight: true,
    format: "dd-mm-yyyy",
    minDate: new Date(),
    clearBtn: true,
    multidate: false,
    multidateSeparator: ",",
    toggleActive: true
});

What is the error you are getting in the console? Also, can you create a fiddle / jsbin reflecting the problem? @VincyJoseph — Aatman, Feb 21 '17 at 04:45
duplicate http://stackoverflow.com/questions/11899472/jquery-datepicker-range-mindate-maxdate-is-not-working — Sarath, Feb 21 '17 at 04:59

score 42 · Accepted Answer · answered Feb 21 '17 at 05:05

42

For jquery datepicker use:

$(".datepicker").datepicker({
    minDate: 0
});

For Bootstrap versions use:

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

answered Feb 21 '17 at 05:05

ReNiSh AR

2,782
2
30
42

2

Thankz it worked. I'm using bootstrap version bt i'm trying to use jquery minDate – Vincy Joseph Feb 21 '17 at 05:07
2

Wow thank you. I was driving myself crazy trying to use the jQuery API, only to learn from this that I was actually using the Bootstrap version. :) – Andrew Smith Mar 29 '17 at 15:09
1

yeah thanks a lot, even i came to know about this now..thanks again :) – RoshJ Oct 15 '20 at 07:32
1

It looks like the Bootstrap version (now called Tempus Dominus) has changed at some point and now uses minDate as well: https://getdatepicker.com/5-4/Options/#mindate – Gabe Oct 13 '21 at 19:54

score 5 · Answer 2 · answered Oct 01 '17 at 18:02

In newer bootstrap datepicker version use below method

limiting end date **eg** +1d, +3m, +5y , -1d , -3m, -5y
limiting start date **eg**  +1d, -23d, +3m ,2y, -2y 
$('#dob').datepicker({
            fautoclose: true,
            startDate: '+1y',
   });

 $('#dob').datepicker({
            fautoclose: true,
            endDate: '-18y',
   });

score 2 · Answer 3 · answered Apr 27 '22 at 11:37

2

to disable past dates use startDate instead of minDate. like this...

$('#checkinDate').datepicker({
        format: "dd/mm/yyyy",
        autoclose: true,
        startDate: new Date()
    });

answered Apr 27 '22 at 11:37

hardik kanzariya

43
5

score 0 · Answer 4 · answered Feb 21 '17 at 04:47

0

Try to change minDate to 0

$('.datepicker').datepicker({
    autoclose: true,
    todayHighlight: true,
    format: "dd-mm-yyyy",
    minDate: 0,
    clearBtn: true,
    multidate: false,
    multidateSeparator: ",",
    toggleActive: true });

answered Feb 21 '17 at 04:47

anjaneyulubatta505

10,713
1
52
62

score 0 · Answer 5 · answered Feb 21 '17 at 04:54

According to jQuery datepicker api doc http://api.jqueryui.com/datepicker/#option-minDate, if you want to set today as minDate then minDate should be 0.

here is the working fiddle: http://jsfiddle.net/0dn4mtxn/1/

Try this:

$('.datepicker').datepicker({
    autoclose: true,
    todayHighlight: true,
    format: "dd-mm-yyyy",
    minDate: 0,
    clearBtn: true,
    multidate: false,
    multidateSeparator: ",",
    toggleActive: true
});

harshil gajra · Answer 6 · 2019-11-28T17:21:55.603

-1

you can use php date function like this:

this is workingg..↓

      $(document).ready(function(){
          $('#Sdate').datetimepicker({
            minDate:'<?php echo  date('Y-m-d H:i:s');?>'

          });
       });

or you can use this

       $(document).ready(function(){
          $('#Sdate').datetimepicker({
            minDate: new Date()

          });
       });

edited Nov 28 '19 at 17:21

answered Nov 28 '19 at 17:13

harshil gajra

11
2

PHP is not part of the question. – Chris Nov 28 '19 at 17:38
if you working with php you can use above code .and your working with only Jquery You can Use Below Code now u can understand..... – harshil gajra Dec 05 '19 at 17:02

jQuery Datepicker minDate is not working in bootstrap

6 Answers6