Set minDate to Today in Bootstrap DateTimePicker

19
votes

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()
    });
3
jquerytwitter-bootstrapbootstrap-datetimepicker

3 Answers

57
votes

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()
});
10
votes
$(".datepicker-custom-flight").datepicker({
    startDate: "dateToday"
})
4
votes

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
});