本文实例为大家分享了bootstrap时间插件daterangepicker的具体代码，供大家参考，具体内容如下
插件下载地址：https://github.com/dangrossman/bootstrap-daterangepicker
头部引入文件：
相关配置：
显示单个日历表
//"timePicker": true,//开启时、分
//"showWeekNumbers": true,//显示第几周
//"timePicker24Hour": true,//开启24小时制
startDate: moment().subtract(10,'days'),//两个时间相隔时间
"showDropdowns": true,//开启年月的选择
ranges : { //快捷选择时间
'最近1小时': [moment().subtract('hours',1),moment()],'今日': [moment(),'昨日': [moment().subtract('days',1).startOf('day'),moment().subtract('days',1).endOf('day')],'最近7日': [moment().subtract('days',6),'最近30日': [moment().subtract('days',29),moment()]
},locale : { //中文汉化
applyLabel : '确定',cancelLabel : '取消',fromLabel : '起始时间',toLabel : '结束时间',customRangeLabel : '自定义',daysOfWeek : ['日','一','二','三','四','五','六'],monthNames : [ '一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月' ],firstDay : 1
},// "opens": "left",//日历表的位置
// "drops": "up",//日历表的位置
// "buttonClasses": "button",//日历表"确定"按钮类名
// "applyClass": "hover",//日历表"确定"按钮类名
// "cancelClass": "cancel" //日历表"取消"按钮类名
});
原文链接：https://www.f2er.com/bootstrap/35717.html