Datepicker自定义选项

Question

目前正在开发一个日期选择器。下图显示了datepicker中可用的不同选项。我想知道是否有办法摆脱datepicker中的Today和Last 7 days行。

以下是我在report_datepicker.js文件中的内容。

$(function () {

$('#Loan_Report_TimePeriod_picker').remove();
$('#Loan_datepicker_report').daterangepicker({ arrows: false, id: 'Loan_Report_TimePeriod_picker', earliestDate: new Date(2000, 0, 1), latestDate: new Date() });
$('#Loan_Report_Datepicker_holder').prepend($('#Loan_Report_TimePeriod_picker'));
$('#Loan_Report_TimePeriod_picker').css({ 'width': '700px', 'margin-top': '-1px', 'top': '0', 'left': '170px', 'right': '0' });

});

Answer 1

看起来您可能正在使用找到here的日期范围选择器库。

Here是关于配置预定义范围的部分。

我没有在您粘贴的代码中看到配置，因此应用可能会在其他位置设置选项。

Answer 2

根据您使用的params，它看起来像日期时间选择器的Jomres版本 - Source code

您可以尝试以下操作：

$(function () {
$('#Loan_Report_TimePeriod_picker').remove();
$('#Loan_datepicker_report').daterangepicker(
  { arrows: false,
    id: 'Loan_Report_TimePeriod_picker',
    earliestDate: new Date(2000, 0, 1),
    latestDate: new Date(),
    presetRanges: [
      {text: 'Month to date', dateStart: function(){ return Date.parse('today').moveToFirstDayOfMonth();  }, dateEnd: 'today' },
      {text: 'Year to date', dateStart: function(){ var x= Date.parse('today'); x.setMonth(0); x.setDate(1); return x; }, dateEnd: 'today' },
      {text: 'The previous Month', dateStart: function(){ return Date.parse('1 month ago').moveToFirstDayOfMonth();  }, dateEnd: function(){ return Date.parse('1 month ago').moveToLastDayOfMonth();  } } ] });
$('#Loan_Report_Datepicker_holder').prepend($('#Loan_Report_TimePeriod_picker'));
$('#Loan_Report_TimePeriod_picker').css({ 'width': '700px', 'margin-top': '-1px', 'top': '0', 'left': '170px', 'right': '0' });
});