同时显示预定义的范围选项和日历(daterangepicker.js)

时间:2019-07-05 09:52:51

标签: daterangepicker

使用JS daterangepicker库,我想同时显示预定义范围的列表和日历选择器。当前,预期的行为是仅在this related ticket on their repo上所述的“自定义范围”选项被选中时显示日历。但是,我发现过去很难像这样随机选择一天。

例如,假设我有以下预定义范围:“今天”,“昨天”,“本周”和“自定义范围”。如果我让我的用户过去4天选择,他们需要:

  1. 打开小部件
  2. 选择“自定义范围”
  3. 选择过去四天作为开始范围
  4. 再次选择过去四天作为结束范围

这是4次单击,仅选择一个日期,同时提供了预定义范围的机会!他们为什么在单击“自定义范围”之前不显示简单的日历选择器,以使用户只需单击一下就可以选择单个日期?有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我的应用程序具有相同的功能,用户可以在其中选择预定义的范围(例如,过去7天,上个月,过去3个月,过去6个月等)。我所做的就是添加了带有这些选项的下拉菜单,每当用户单击“自定义范围”时,它将打开日期范围选择器。

现在我们是否可以在日期范围选择器中显示这些值,有些人可能会争辩说这些范围可能会有很大差异,并且通过配置设置这些值并通过下拉列表填充似乎超出了日期范围选择器的范围。但是您可以根据需要自定义要实现的库。