How can I disable past dates in my datepicker?

Question

How can i disable my past date from the current date. I check already the other threads but its not working in my codes.

<script>
$("#checkinDate").datetimepicker({
        format: "yyyy-mm-dd",
        startView: "month",
        minView: "month",
        autoclose: true,
        todayBtn: true
});
$("#checkoutDate").datetimepicker({
        format: "yyyy-mm-dd",
        startView: "month",
        minView: "month",
        autoclose: true,
        todayBtn: true
});
</script>

SyntaxError: missing } after property list error is like that — Mr. Piggy, Oct 11 '17 at 05:16

score 0 · Answer 1 · answered Oct 11 '17 at 05:06

0

Use

<script>
$("#checkinDate").datetimepicker({
        format: "yyyy-mm-dd",
        startView: "month",
        minView: "month",
        autoclose: true,
        todayBtn: true,
        minDate:new Date()
});
$("#checkoutDate").datetimepicker({
        format: "yyyy-mm-dd",
        startView: "month",
        minView: "month",
        autoclose: true,
        todayBtn: true,
        minDate:new Date()
});
</script>

answered Oct 11 '17 at 05:06

Dhara

1,431
4
29
47

Sir my datepicker doesnt open when i use that. – Mr. Piggy Oct 11 '17 at 05:11
can you please check in console what error are you getting. you can try this also `minDate: today` – Dhara Oct 11 '17 at 05:12
it has error SyntaxError: missing } after property list – Mr. Piggy Oct 11 '17 at 05:16
Please solve your syntax error. then check it will work – Dhara Oct 11 '17 at 05:18
thanks sir! may i should just chance my datepicker. – Mr. Piggy Oct 11 '17 at 05:22

Bharat · Answer 2 · 2017-10-11T05:16:03.410

0

You can use minDate:new Date(). this will disable past date.

see fiddle https://jsfiddle.net/bharat_patidar/2pu9gtv4/

edited Oct 11 '17 at 05:16

answered Oct 11 '17 at 05:10

Bharat

2,441
3
24
36

score -1 · Answer 3 · answered Oct 11 '17 at 05:19

-1

Apply below

$(".datepicker").datepicker({
           
            maxDate: '0',
           
         });

answered Oct 11 '17 at 05:19

Raju Mali

185
4

How can I disable past dates in my datepicker?

3 Answers3