基于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 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
javaScript如何跳出多重循环break、continue
Sep 01 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
Jan 15 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快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
destoon整合UCenter图文教程
2014/06/21 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
详解webpack解惑:require的五种用法
2017/06/09 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
物业管理应届生求职信
2013/10/28 职场文书
自荐信格式
2013/12/01 职场文书
结婚保证书范文
2014/04/29 职场文书
欢迎领导标语
2014/06/27 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
高中校园广播稿
2014/10/21 职场文书
2019银行竞聘书
2019/06/21 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
开机音效回归! Windows 11重新引入开机铃声
2021/11/21 数码科技
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸