基于daterangepicker日历插件使用参数注意的问题


Posted in Javascript onAugust 10, 2017

显示具体时间时分秒:

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'));

  }

以上这篇基于daterangepicker日历插件使用参数注意的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js换图片效果可进行定时操作
Jun 09 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
详解在Vue中如何使用axios跨域访问数据
Jul 07 Javascript
基于JSON数据格式详解
Aug 31 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
通过示例彻底搞懂js闭包
Aug 10 #Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 #Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 #Javascript
浅谈sass在vue注意的地方
Aug 10 #Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 #jQuery
Angular 2.0+ 的数据绑定的实现示例
Aug 09 #Javascript
Ionic3实现图片瀑布流布局
Aug 09 #Javascript
You might like
自定义PHP分页函数
2006/10/09 PHP
php email邮箱正则
2008/10/08 PHP
PHP实现的比较完善的购物车类
2014/12/02 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
动手学习无线电
2021/03/10 无线电
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jQuery 快速结束当前正在执行的动画
2013/11/20 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
jQuery中removeClass()方法用法实例
2015/01/05 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
Python实现的多进程拷贝文件并显示百分比功能示例
2019/04/09 Python
pytorch AvgPool2d函数使用详解
2020/01/03 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
python自动打开浏览器下载zip并提取内容写入excel
2021/01/04 Python
办公室秘书岗位职责范本
2014/02/11 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
红色电影观后感
2015/06/18 职场文书
医院病假条范文
2015/08/17 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
DIY胆机必读:各国电子管评价
2022/04/06 无线电
KVM基础命令详解
2022/04/30 Servers
小程序实现侧滑删除功能
2022/06/25 Javascript