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

Question

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

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

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

这些是 4 次点击，只需选择一个日期，同时提供预定义范围的机会！为什么他们在单击“自定义范围”之前不显示一个简单的日历选择器，让用户只需单击一次即可选择一个日期？有什么想法吗？

Answer 1

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

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