Set minDate to Today in Bootstrap DateTimePicker

Question

I'm using Bootstrap DateTime Picker (http://eonasdan.github.io/bootstrap-datetimepicker/) and I've found the basic option to set a minDate; but, I can't get it to set to today to save my life. I've tried things like Date(); but, nothing working. Anyone have any ideas?

Example

    $('#date').datetimepicker({
        pickTime: false,
        icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "fa fa-arrow-up",
                down: "fa fa-arrow-down"
            },
        startDate: new Date()
    });

score 58 · Accepted Answer · answered Nov 23 '14 at 23:22

58

If you're using the latest version, the minDate option is what you'll need to set. Here is a JSFiddle with a working example. Hope this helps.

$('#date').datetimepicker({
    pickTime: false,
    icons: {
      time: "fa fa-clock-o",
      date: "fa fa-calendar",
      up: "fa fa-arrow-up",
      down: "fa fa-arrow-down"
    },
    minDate: moment()
});

answered Nov 23 '14 at 23:22

Bart Jedrocha

11,450
5
43
53

1

this will only work if you include the additional moment.js library – Lelio Faieta Jul 08 '20 at 10:41

score 11 · Answer 2 · edited Mar 18 '21 at 04:22

11

$(".datepicker-custom-flight").datepicker({
    startDate: "dateToday"
})

edited Mar 18 '21 at 04:22

mickmackusa

43,625
12
83
136

answered Oct 19 '16 at 09:32

Jah Yusuff

729
7
5

This answer is missing an explanation / reference to documentation. – mickmackusa Mar 18 '21 at 04:22
@mickmackusa I was wondering the same thing. startDate seems to be documented there: https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#startdate . Regarding the format, it seems just putting startDate: "today" or startDate: "yesterday" both work. I'm looking for what is doing the parsing. – Wadih M. Aug 10 '21 at 19:41

shijinmon Pallikal · Answer 3 · 2018-10-25T09:08:05.400

4

You can use this code, by avoiding additional scripts.

Example

var todayDate = new Date().getDate();
var endD= new Date(new Date().setDate(todayDate - 15));
var currDate = new Date();
$('.datepicker').datepicker({
    format: 'dd/mm/yyyy',                       
    autoclose: true,
    startDate : endD,
    endDate : currDate
});

edited Oct 25 '18 at 09:08

answered Aug 16 '17 at 15:17

shijinmon Pallikal

964
11
19

1

by simply using startDate instead of minDate it works! – Lelio Faieta Jul 08 '20 at 10:43

Set minDate to Today in Bootstrap DateTimePicker

3 Answers3

Linked