博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
daterangepicker日历插件使用参数注意问题
阅读量:6271 次
发布时间:2019-06-22

本文共 1259 字,大约阅读时间需要 4 分钟。

显示具体时间时分秒:

 

timePicker设置为true,//有些资料写的pickerTime不太对

 

重点大坑:修改时间默认展示格式,把fomat写在locale中,网上很多资料说直接写在daterangepicker属性中,这样是不生效的。

起止时间可以设置为具体年月日也可以生成当前日期(new Date()  或者 moment()【moment()方法为moment.js获取当前时间的函数】)

$(“#dateid”).daterangepicker({      startDate: moment(),// '2013-01-01',           maxDate:new Date(),            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',new Date()] } }, function (start, end, label) { alert('A date range was chosen: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }

 

转载于:https://www.cnblogs.com/beileixinqing/p/7326610.html

你可能感兴趣的文章
UIProgressView的详细使用
查看>>
Silverlight实用窍门系列:70.Silverlight的视觉状态组VisualStateGroup
查看>>
照片筛选与上传功能
查看>>
Hello ZED
查看>>
常见web攻击方式
查看>>
hdu 4472
查看>>
oracle存储过程中is和as区别
查看>>
windows 2003 群集
查看>>
几个gcc的扩展功能
查看>>
Spark一个简单案例
查看>>
关于结构体占用空间大小总结(#pragma pack的使用)
查看>>
通过浏览器查看nginx服务器状态配置方法
查看>>
shell简介
查看>>
android 使用WebView 支持播放优酷视频,土豆视频
查看>>
怎么用secureCRT连接Linux
查看>>
C# 使用WinRar命令压缩和解压缩
查看>>
linux学习笔记一----------文件相关操作
查看>>
Mono for Android 优势与劣势
查看>>
服务器端开发技术
查看>>
Python3中urllib详细使用方法(header,代理,超时,认证,异常处理)
查看>>