基于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 权威指南(第四版) 读书笔记
Aug 11 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
JavaScript的函数式编程基础指南
Mar 19 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
原生js实现轮播图
Feb 27 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
解读vue生成的文件目录结构及说明
Nov 27 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 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
用文本文件实现的动态实时发布新闻的程序
2006/10/09 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
Jquery 基础学习笔记之文档处理
2009/05/29 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
jQuery实现复制到粘贴板功能
2017/02/11 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
Python实现在线程里运行scrapy的方法
2015/04/07 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
Python中一行和多行import模块问题
2018/04/01 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
Python玩转Excel的读写改实例
2019/02/22 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
大学生村官心得体会范文
2014/01/04 职场文书
结婚邀请函范文
2014/01/14 职场文书
新员工入职感言
2014/02/01 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
公司委托书格式
2014/08/01 职场文书
中标通知书范本
2015/04/17 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书