2016-03-16 2 views
0

Я борюсь с проблемой. Я хочу закрыть панель выбора диапазона даты, когда пользователь начнет прокручивать страницу. Я использую этот плагин для создания сборщика диапазона дат:Дата Диапазон Picker теряет диапазон при закрытии

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 ... ушли, любая идея, как я закрываю сборщик, не теряя эти кнопки?

ответ

0

Изменить эту строку: $ ('input [name = "daterange"]'). Daterangepicker ("close"); с: $ ('input [name = "daterange"]'). Data ('daterangepicker'). Hide();

+0

Отлично, спасибо, что сработало! –