如何在eonasdan Bootstrap 3 Datepicker上重置Linked Picker的日期范围？

Question

I'm use eonasdan Bootstrap 3 Datepicker for date input. I want to make a button to reset date range for linked pickers, like in this link: http://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

I tried this but it didn't work, minDate and maxDate don't reset.

 <script type="text/javascript"> $(function () { $('#datetimepicker6').datetimepicker({ format: 'YYYY-MM-DD 00:00:00',locale: 'en-gb',showClear:true }); $('#datetimepicker7').datetimepicker({ format: 'YYYY-MM-DD 23:59:59',locale: 'en-gb',showClear:true}); $("#datetimepicker6").on("dp.change",function (e) { $('#datetimepicker7').data("DateTimePicker").minDate(e.date); }); $("#datetimepicker7").on("dp.change",function (e) { $('#datetimepicker6').data("DateTimePicker").maxDate(e.date); }); $('#clearDate').click(function() { $('#EventDateStart').val(''); $('#EventDateEnd').val(''); $('#datetimepicker6').data("DateTimePicker").minDate(false); $('#datetimepicker7').data("DateTimePicker").maxDate(false); return false; }); }); </script> 

Answer 1

Yes, i found solution, i do that :

 $('#clearDate').click(function() { $('#EventDateStart').val(''); $('#EventDateEnd').val(''); $('#datetimepicker6').data("DateTimePicker").minDate(false); $('#datetimepicker6').data("DateTimePicker").maxDate(false); $('#datetimepicker7').data("DateTimePicker").minDate(false); $('#datetimepicker7').data("DateTimePicker").maxDate(false); return false; }); 

Answer 2

Much easier to do like this.

        $("#datetimepicker6").on("dp.change", function (e) {
    $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
});
$("#datetimepicker7").on("dp.change", function (e) {
    $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
});