这次给大家带来daterangepicker日历插件使用详解，daterangepicker日历插件使用的注意事项有哪些，下面就是实战案例，一起来看一下。
显示具体时间时分秒：
timePicker设置为true，//有些资料写的pickerTime不太对
重点大坑：修改时间默认展示格式,把fomat写在locale中，网上很多资料说直接写在daterangepicker属性中，这样是不生效的。
起止时间可以设置为具体年月日也可以生成当前日期（new Date() 或者 moment（）【moment（）方法为moment.js获取当前时间的函数】）
$(“#dateid”).daterangepicker({
startDate: moment(),// '2013-01-01',
maxDate:newDate(),
endDate: moment(),//new Date(),
dateLimit : {
days : 30
},//起止时间的最大间隔
timePicker :true,//是否显示小时和分钟
timePickerIncrement : 1,//时间的增量，单位为分钟
timePicker24Hour :true,//是否使用24小时制来显示时间
locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:'YYYY/MM/DD HH:mm:ss',
applyLabel:'确认',
cancelLabel:'取消',
fromLabel:'从',
toLabel:'到',
weekLabel:'W',
customRangeLabel:'选择时间',
daysOfWeek:["日","一","二","三","四","五","六"],
monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"]
}
range: {//设置快捷区间控件,不同的时间段
"近期": ['2015-04-12',newDate()]
}
},function(start, end, label) {
alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD'));
}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
ReportPlus数据报表中心小程序
下载
ReportPlust意在打造一套精美的数据报表模板，里面高度封装日历组件、表格组件、排行榜组件、条形进度条组件、文本块组件以及ucharts的多个图表组件，用户只需要按照虚拟数据的格式，传特定数据即可方便、快捷地打造出属于自己的报表页面。该小程序主要使用了ucharts和wyb-table两插件实现的数据报表功能。 特点使用的是uni-app中最受欢迎的图表uCharts插件完成图表展示，该插件
推荐阅读：
