日期范围选择器在关闭时失去范围答案

【问题标题】：Date Range Picker loses range when closed日期范围选择器在关闭时失去范围
【发布时间】：2016-03-16 11:26:40
【问题描述】：

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

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 会在用户滚动时关闭日期范围选择器，但是正如您所看到的，当您向上滚动并再次打开它时，所有按钮，例如今天，昨天......都消失了，知道如何在不丢失这些按钮的情况下关闭选择器吗？

【问题讨论】：

标签： javascript twitter-bootstrap daterangepicker

【解决方案1】：

更改这一行： $('input[name="daterange"]').daterangepicker("close"); 与： $('input[name="daterange"]').data('daterangepicker').hide();

【讨论】：