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

Posted

技术标签:

【中文标题】日期范围选择器类似于 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 日期范围选择器”完全不同。它没有谷歌的那么多功能。

以上是关于日期范围选择器类似于 Google Analytics 日期范围选择器? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

JQuery日期范围选择器日历与可变周

用于选择开始和结束日期的数据范围选择器

日期范围选择器 - 日历标题本地化格式

Bootstrap 日期范围选择器移动突出显示更改日期时的前一个日期

自定义酒店日期选择器

自定义酒店日期选择器