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

Question

我使用 eonasdan Bootstrap 3 Datepicker 进行日期输入。我想制作一个按钮来重置链接选择器的日期范围，就像这个链接: http://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

我试过了，但没有用，minDate 和 maxDate 没有重置。

<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

是的，我找到了解决方案，我这样做了:

$('#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;
});