Question

我正在努力解决一个问题。我想在用户开始向下滚动页面时关闭日期范围选择器。我正在使用此插件来创建日期范围选择器：

http://www.daterangepicker.com/

$(function() {
$('input[name="daterange"]').daterangepicker({
    timePicker: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM/DD/YYYY h:mm A'
    },
    ranges: {
       'Today': [moment(), moment()],
       'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
       'Last 7 Days': [moment().subtract(6, 'days'), moment()],
       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
       'This Month': [moment().startOf('month'), moment().endOf('month')],
       'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    }
});

$(window).scroll(function() {
    if ($('input[name="daterange"]').length) {
        $('input[name="daterange"]').daterangepicker("close");
  }
});

}）;

我创造了一个小提示来展示这个问题：

https://jsfiddle.net/ccgorman/rLnycn80/

当用户滚动时，我有一些关闭日期范围选择器的JS，但正如您所看到的，当您向上滚动并再次打开它时，所有按钮，例如Today，Yesterday ......都消失了，知道如何关闭选择器而不丢失这些按钮吗？

Answer 1

更改此行： $（＆＃39;输入[名称=＆＃34;日期范围＆＃34;]＆＃39;）daterangepicker（＆＃34;靠近＆＃34）。的与 $（＆＃39;输入[名称=＆＃34;日期范围＆＃34;]＆＃39）的数据。（＆＃39; daterangepicker＆＃39）隐藏（）;

日期范围选择器在关闭时会丢失范围

1 个答案: