基于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 对象的创建与使用
Mar 09 Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
JS实现商品橱窗特效
Jan 09 Javascript
基于javascript实现碰撞检测
Mar 12 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
Vue Render函数原理及代码实例解析
Jul 30 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
封装html的select标签的js操作实例
2013/07/02 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
怎样填写就业意向
2014/04/02 职场文书
报告会主持词
2014/04/02 职场文书
会员卡清退活动总结
2014/08/27 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电