日期时间日历：在单个输入字段中选择日期范围

Posted 2023-05-07

【中文标题】日期时间日历：在单个输入字段中选择日期范围

【英文标题】：datetime calendar : select date range in a single input field

【发布时间】：2012-12-30 11:20:27

【问题描述】：

是否有可以在单个输入字段中选择 2 个日期的 javascript datetimepicker。喜欢： （截图取自谷歌分析）

目前我们需要使用 2 个表单输入字段来选择日期范围。

是否有提供此功能的免费日期时间选择器？

【问题讨论】：

已经有一些关于 SO 处理这个主题的问题，快速搜索将我带到这里：dubrox.blogspot.be/2010/09/…sourceforge.net/projects/multidatespickr@author dubrox (***.com/questions/903628/…) 甚至更多：multidatespickr.sourceforge.net

当然可以用一个日历和两个（可能是隐藏的）输入来完成。这是我们想要的吗？

我想使用单个日期选择器和单个输入字段捕获 2 个日期。请参阅下面的@K-Maertens 答案。

试试这个库。它不需要 jQuery，而且非常轻量级：github.com/kaore/CibulCalendar

我会推荐Date Range Picker for Twitter Bootstrap。它可以满足您的需求，甚至它是基于 Twitter Bootstrap 构建的，它似乎很容易在没有它的情况下工作。

【参考方案1】：

这就是您要查找的内容：https://github.com/dangrossman/bootstrap-daterangepicker