基于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 相关文章推荐
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
JavaScript 学习历程和心得分享
Dec 12 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
js阻止移动端页面滚动的两种方法
Jan 25 Javascript
jQuery Ajax全解析
Feb 13 Javascript
深入浅析vue组件间事件传递
Dec 29 Javascript
vue router 传参获取不到的解决方式
Nov 13 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 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
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
2013/04/19 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
有关json_decode乱码及NULL的问题
2015/10/13 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
Python中多线程thread与threading的实现方法
2014/08/18 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
python 判断参数为Nonetype类型或空的实例
2018/10/30 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
浅析HTML5 Landmark
2020/09/11 HTML / CSS
品牌宣传方案
2014/03/21 职场文书
个人培训自我鉴定
2014/03/28 职场文书
小学生运动会报道稿
2014/09/12 职场文书
政协会议宣传标语
2014/10/09 职场文书
2014年物流工作总结
2014/11/25 职场文书
教师年终个人总结
2015/02/11 职场文书
2015年电教工作总结
2015/05/26 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
《青山不老》教学反思
2016/02/22 职场文书
vue封装数字翻牌器
2022/04/20 Vue.js
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技