jquery google analytics datepicker

任何人都知道任何类似Google Analytics日期范围选择器的开源日期选择器？ 你可以在这里看到一张图片http://sofzh.miximages.com/jquery/googledaterangepicker.jpg/

Answer 1

我最近发布了DatePicker，它在一个日期选择器中支持两个日期范围 （类似于Google Analytics中的日期范围 ）：

• https://github.com/petrkotek/DatePicker

正如你在github上看到的那样，它是https://github.com/foxrunsoftware/DatePicker的一个分支。

如果您遇到任何错误或直接与我联系，请随意在github上添加问题 。

附加function（+截图）

一个日期选择器中的两个日期范围：

DateRangesWidget （这个function还是更具实验性的 – 我正在研究它）

Answer 2

用于选择Google日历中范围的单日期下拉function非常独特。 与它非常接近的东西，我一直在使用它在这里：

http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

它与Twitter Bootstrap兼容，并有许多内置选项来自定义它。 虽然你不能真正改变它的结构，但在大多数情况下它仍然足够。

编辑：这是我的日期选择器的自定义（~100 LoC of JS / CSS / hbs）。

使其看起来与Google Analytics的日期范围选择器类似，如此处所示

Answer 3

我也在寻找与Google Analytics日历类似的内容，您发现了什么？

我有这两个似乎也是不错的选择：

• http://keith-wood.name/datepick.html
• http://www.eyecon.ro/datepicker/

我注意到DateRangePicker只能显示DateRange部分：

关于“如何只显示插件的范围部分而不显示左侧菜单”，继续我做的事：onOpen：function（）{var rp = $（“。ui-daterangepicker：visible”）; rp.find（ “UL”）隐藏（）; rp.find（“。ranges”）。css（“marginLeft”，“0px”）; rp.find（“。ui-daterangepicker-dateRange”）。触发器（“click”）;}}

Answer 4

如果您正在寻找DateRangePicker代码，可以在以下url找到它： https ： //github.com/filamentgroup/jQuery-UI-Date-Range-Picker