修改daterangepicker只顯示「日期範圍」

我發現daterangepicker（http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/），並試圖對其進行自定義。修改daterangepicker只顯示「日期範圍」

有誰知道如何去除「過去7天」，「月迄今」，「年迄今」等。

我只想在下拉菜單中看到「日期範圍」。

謝謝。

MODIFIED：（oops）我的意思是，有沒有辦法讓它直接進入「日期範圍」，繞過下拉菜單而不顯示所有其他選項？

來源

2011-07-26 AdamT

presets和presetRanges參數將做你想要的。使用它們構造：

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

來源

2011-07-26 17:09:30

謝謝伊戈爾，確實有效。我意識到我沒有問正確的問題。我如何直接進入「日期範圍」並完全繞過下拉菜單？ – AdamT

我想你應該指定一個預設範圍與所需的數據，閱讀文檔 - 它有一個創建presetRanges –

我已經做到了這種方式：

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

來源

2012-01-30 15:36:14

+1的例子很好，謝謝。用於需要日期範圍的管理界面。 –

修改daterangepicker只顯示「日期範圍」

回答

相關問題