时间范围选择插件--Date Range Picker

最近在做一些简单的前端工作,公司设计给的设计中有个时间范围的选择,类似下图这样:


daterangepickr.jpg

由于自己前端经验太少,根本不知道怎么写,就在网上找到一个插件Date Range Picker
很简单:

开始

在文件中引入如下几个文件





示例代码

Simple Date Range Picker With a Callback

简单的日期范围选择




Date Range Picker With Times

这是在时间范围中增加时间位




Predifiend Date Ranges

这是预设时间范围,在选项中给出一些预先设定的范围,比如7天,一个月这种

 

这里只列出几种我认为常用的方式,更多功能和属性,请参考Date Range Picker官网

你可能感兴趣的:(时间范围选择插件--Date Range Picker)