2

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
});
Salman A
  • 248,760
  • 80
  • 417
  • 510
jingwei
  • 47
  • 1
  • 6

3 Answers3

5

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
});
Salman A
  • 248,760
  • 80
  • 417
  • 510
  • dblclick day then close datetimepicker,How is this possible in Bootstrap Datetimepicker? – jingwei Oct 19 '15 at 09:45
  • This is working fine.but if I'm coming in this page in edit mode the value I set is not displaying,Any Idea? – Sribin Feb 03 '18 at 04:58
2

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>
Raviteja
  • 3,343
  • 21
  • 38
  • 63
oneNiceFriend
  • 6,411
  • 7
  • 28
  • 38
0

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>
Naveen DA
  • 3,733
  • 4
  • 37
  • 51