CODEWITHSUNDEEP
javascripttwitter-bootstrapdatedatetimepicker
jingwei
jingwei

Reputation: 47

Bootstrap datetimepicker startDate does not disable past dates

I use bootstrap datetimepicker and I want to disable the past days but startDate option did not work:

var now = new Date();
var tomorrow = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + (now.getDate() + 1) + " " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
$('#end_at').datetimepicker({
    format: 'YYYY-MM-DD hh:mm:ss',
    startDate: tomorrow
});

Upvotes: 2

Views: 3702

Answers (4)

rohit.khurmi095
rohit.khurmi095

Reputation: 2651

$('#DateFrom').datepicker('setStartDate', moment(new Date(2022,08,01)).format('DD/MM/YYYY'));

Upvotes: 0

oneNiceFriend
oneNiceFriend

Reputation: 6891

It's been a long time. The option minDate is deprecated. the new one is startDate

So you can use:

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14 10:00",
        minuteStep: 10
    });
</script>

Upvotes: 2

Naveen DA
Naveen DA

Reputation: 4380

startDate api will helps to disable past date

<script type="text/javascript">
     $(function() {
        $(".dates").datepicker({
        format:'dd-mm-yyyy',
        startDate:new Date(),
        autoclose:true
});
</script>

Upvotes: 0

Salman Arshad
Salman Arshad

Reputation: 272036

You probably need to use the minDate option of the datetimepicker:

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
$("#end_at").datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss',
    minDate: tomorrow
});

Upvotes: 5

Related Questions