Disable datepicker past date & time

Question

I'm using datepicker and i like people not be able to select date and time previous to the present day. I used "minDate: 0" to disable the past date but is there a way to disable past time. For example, if the current time is 5am, i do not want people to select 3 or 4 am of the same day.

This is my code:

var dt;
dt = 
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: 0,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

check this link : http://stackoverflow.com/questions/8356358/jquery-date-picker-disable-past-dates — madhu, Aug 10 '15 at 04:32

score 2 · Answer 1 · edited Mar 30 '16 at 07:00

2

Declare dateToday variable and use Date() function to set it. Then use that variable to assign to minDate which is parameter of datepicker.

var dateToday = new Date(); 
$(function() {
    $( "#datetimepicker3" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true,
        minDate: dateToday
    });
});

edited Mar 30 '16 at 07:00

fluminis

3,575
4
34
47

answered Aug 10 '15 at 04:33

madhu

244
5
13

1

Hi madhu, basically `minDate: 0` already disables the past date. But it doesn't disable the past time. For example, if the current time is 5 am, i like to disable even 4 am of the same day. :) – user2672112 Aug 10 '15 at 04:47
Yes, it disabled date correctly. How to disable the past time? – scalauser Aug 11 '15 at 11:52

score 2 · Answer 2 · answered Apr 05 '17 at 10:08

2

To disable past dates you need to define min to today date like this:-

$('.datepicker').pickadate({
        min: new Date()
    });

answered Apr 05 '17 at 10:08

Rupal

1,111
6
16

score 0 · Answer 3 · edited Sep 15 '15 at 21:11

0

You should declare the minDate value to dateToday just like this

var dt; 
dt = 
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: dateToday,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

edited Sep 15 '15 at 21:11

spenibus

4,339
11
26
35

answered Sep 15 '15 at 20:46

Fachrein Rachim Muhamad

5,797
2
12
8

Disable past TIME. Please be relevant. – Adrian Bartholomew Oct 24 '15 at 22:25

score 0 · Answer 4 · answered Mar 30 '16 at 06:32

0

To disable the past time, you should use minDateTime. Update your code like this,

var dt = new Date();
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: 0,
    minDateTime: dt,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

answered Mar 30 '16 at 06:32

Deepika Masilamani

139
2
14

score 0 · Answer 5 · answered Jun 24 '16 at 22:58

0

it should be like this:

$(function () {
                $('#datetimepicker3').datetimepicker({
                     minDate: moment()


                });
            });

answered Jun 24 '16 at 22:58

Abdul Majeed

2,671
22
26

score 0 · Answer 6 · answered Apr 09 '18 at 11:48

Source

i was facing same problem disable Past date time with DateTimePicker jQuery plugin. but i have found solution for it-

var checkPastTime = function(currentDateTime) {

var d = new Date();
var todayDate = d.getDate();

// 'this' is jquery object datetimepicker
if (currentDateTime.getDate() == todayDate) { // check today date
    this.setOptions({
        minTime: d.getHours() + ':00' //here pass current time hour
    });
} else
    this.setOptions({
        minTime: false
    });
};

$('#datetimepicker7').datetimepicker({
    format:'Y-m-d H:i',
    minDate : 0,
    onChangeDateTime:checkPastTime,
    onShow:checkPastTime
});

demo

Disable datepicker past date & time

6 Answers6