基于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 相关文章推荐
JavaScript事件列表解说
Dec 22 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
JavaScript 事件的一些重要说明
Oct 25 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
Java File类的常用方法总结
Mar 18 Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 Javascript
浅析Node.js:DNS模块的使用
Nov 23 Javascript
JS获取字符对应的ASCII码实例
Sep 10 Javascript
layui框架table 数据表格的方法级渲染详解
Aug 19 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 Vue.js
通过示例彻底搞懂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缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
php广告加载类用法实例
2014/09/23 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
让您的菜单不离网站
2006/10/03 Javascript
网页javascript精华代码集
2007/01/24 Javascript
JQUERY获取form表单值的代码
2010/07/17 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
angular2模块和共享模块详解
2018/04/08 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
python通过ssh-powershell监控windows的方法
2015/06/02 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
Python3标准库总结
2019/02/19 Python
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
澳大利亚商务邀请函
2014/01/17 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
初中三年毕业生的自我评价分享
2014/02/14 职场文书
物理系毕业生自荐书范文
2014/02/22 职场文书
机关作风建设工作总结
2014/10/23 职场文书
2014年终工作总结范本
2014/12/15 职场文书
欠款起诉书范文
2015/05/19 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS