Измените указатель даты, чтобы показывать только «Диапазон дат»

Question

Я нашел daterangepicker (http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/) и пытаюсь настроить его.

Кто-нибудь знает, как удалить «Последние 7 дней», «Месяц на дату», «Год на дату» и т. Д.?

Я просто хочу увидеть «Диапазон дат» в выпадающем меню.

Спасибо.

ИЗМЕНЕНО: (упс) Я имел в виду, есть ли способ заставить его перейти прямо в «Диапазон дат» и обойти выпадающее меню, не показывая все остальные параметры?

Answer 1

Я сделал это следующим образом:

$('input#date').daterangepicker({
    onOpen: function(){
        $('a', $('.ui-daterangepicker-dateRange:visible').not('.ui-state-active')).each(function(){
            $(this).trigger('click')
        })
        $('ul.ui-widget-content').hide()
    }
})

Скрывает левое меню, а также автоматически открывает элемент Date range.

Answer 2

presets и presetRanges параметры будут делать то, что вы хотите.Используйте их в конструкторе:

$('input').daterangepicker({
    presetRanges: [],
    presets: { dateRange: "Date Range" }
});