日期范围选择器类似于 Google Analytics 日期范围选择器？ [关闭]

Posted 2023-05-07

【中文标题】日期范围选择器类似于 Google Analytics 日期范围选择器？ [关闭]

【英文标题】：Date range selector similar to Google Analytics date range selector? [closed]

【发布时间】：2011-06-05 22:47:36

【问题描述】：

我正在构建一个网络应用程序，我们的绝大多数目标受众可能都使用过 Google Analytics（分析）——作为该网站的一部分，有一个日期范围选择器。我希望找到一个现成的 javascript/jquery 日期范围选择器来定制我的需要，但我不喜欢 jquery 提供的库存版本，因为它缺少实际的日期输入，它只有两个视觉日历。我在下面列出了我要查找的内容。

我想要什么：

选择开始日期和结束日期 单压光机（最好有两个 显示的月份）。

手动输入开始和结束日期 进入输入框

突出显示选定的日期范围 （更改日期的背景颜色 在“开始”和“结束”内）。

很容易理解 CSS / 布局元素

我不需要的东西：

时间线选择器 与过去比较

感谢您的帮助！

【问题讨论】：

如果我的答案是您想要的，请接受。

【参考方案1】：

jquery-ui-datepicker 没有日期范围选择器。刚刚发现了这个不错的插件 - http://www.eyecon.ro/datepicker/

更新

最近开始使用另一个开源插件，效果也很好。

https://github.com/dangrossman/bootstrap-daterangepicker

【参考方案2】：

我喜欢这个，因为它可以快速选择常见范围，例如年初至今、今天等。代码看起来很可读，所以我想可以稍微重写它以与应用程序的用例保持一致。

http://www.filamentgroup.com/examples/daterangepicker_v2/

【参考方案3】：

jquery-ui-datepicker

http://jqueryui.com/demos/datepicker/#multiple-calendars

这里还有其他插件的列表

http://www.bloggingdeveloper.com/post/8-Widely-Used-Calendar-Date-Picker-and-Time-Formatting-jQuery-Plugins-that-Web-Developers-Should-Know.aspx

【讨论】：

你在开玩笑吗？您是否尝试比较这两个小部件。尝试在“谷歌分析”和“jQuery UI DatePicker”中选择日期范围

开玩笑？查看第二个链接，您可以获取一个可以为其添加日期范围的插件。请在标记答案之前阅读某人的答案并进行验证。 filamentgroup.com/lab/…

你是对的，第二个链接与谷歌有类似的东西，但“jQuery UI 日期范围选择器”完全不同。它没有谷歌的那么多功能。