Question

我使用eonasdan Bootstrap 3 Datepicker进行日期输入。我想创建一个按钮来重置链接选择器的日期范围，例如在此链接中： http://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

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

＆＃13;

<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>

＆＃13;

Answer 1

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

＆＃13;

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

＆＃13;

Answer 2

这样做容易得多。

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

如何在eonasdan Bootstrap 3 Datepicker上重置链接选择器的日期范围？

2 个答案: