这次给大家带来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中文网其它相关文章!
推荐阅读:
以上是daterangepicker日历插件使用详解的详细内容。更多信息请关注PHP中文网其他相关文章!