html5双日期时间选择控件,bootstrap daterangepicker双日历时间段选择控件详解

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时间段，由用户自己选择起始时间和终止时间，时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1，所以我把daterangepicker与Bootstrap-2.3.1进行了整合。

一、需要引入的css与js

二、html部分代码

日期：

三、使用js调用daterangepicker

$(document).ready(function (){

//时间插件

$('#reportrange span').html(moment().subtract('hours', 1).format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().format('YYYY-MM-DD HH:mm:ss'));

$('#reportrange').daterangepicker(

{

// startDate: moment().startOf('day'),

//endDate: moment(),

//minDate: '01/01/201