Search code examples
jquerybootstrap-datetimepicker

not setting minDate in bootstrap DateTimePicker


I want to set mindate of date2 as per date1 selected date.What's wrong on this code? It is not setting mindate to date2.

  $('#date1').datetimepicker({
           pickTime:false
        }).on('dp.change', function (e) {
            var date = new Date(e.date.valueOf());
            $('#date2').data("DateTimePicker").minDate(date);
        });
        $('#date2').datetimepicker({
            pickTime:false
        });

    });

Solution

  • There is no problem in your code,

    I think your problem in the version of bootstrap you are using.

    Try setMinDate instead on minDate

    CodePen

     $('#date1').datetimepicker({
        pickTime:false
      });
      $('#date2').datetimepicker({
        pickTime:false,
        useCurrent: false //Important! See issue #1075
      });
      $("#date1").on("dp.change", function (e) {
        var date = new Date(e.date.valueOf());
        $('#date2').data("DateTimePicker").setMinDate(date);
      });
    

    Linked Pickers example

    Note:

    On older versions of Bootstrap datetimepicker (less than v4), use .setMinDate and .setMaxDate