日期范围选择器类似于Google Analytics日期范围选择器?

时间:2011-01-09 01:28:29

标签: javascript jquery css datepicker google-analytics

我正在构建一个网络应用,我们绝大多数目标受众可能都有Google Analytics经验 - 作为该网站的一部分,还有一个日期范围选择器。我希望找到一个现成的javascript / jquery日期范围选择器来定制我的需求,但我不是jquery提供的股票版本的粉丝,因为它缺少实际日期输入,它只有两个视觉压延机。我列出了我正在寻找的内容。

我喜欢什么:

  • 选择a的开始和结束日期 单砑光机(最好有两个 几个月)。

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

  • 突出显示所选日期范围 (改变日期的背景颜色 在'开始'和'结束')。

  • 相当容易获得CSS / 布局元素

我不需要的内容:

  • 时间轴选择器
  • 与过去相比

感谢您的帮助!

3 个答案:

答案 0 :(得分:5)

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

<强>更新

最近开始使用另一个开源插件,它的工作也很棒。

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)