修改daterangepicker以仅显示“日期范围”

Question

我找到了daterangepicker（http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/），我正在尝试自定义它。

有没有人知道如何删除“过去7天”，“到目前为止的月份”，“年初至今”等。？

我只想在下拉菜单中看到“日期范围”。

感谢。

修改：（oops） 我的意思是，有没有办法让它直接进入“日期范围”并绕过下拉菜单而不显示所有其他选项？

Answer 1

presets和presetRanges参数可以满足您的需求。在构造函数中使用它们：

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

Answer 2

我这样做了：

$('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项目。