基于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 数组运用实现代码
Apr 13 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
JavaScript运算符小结
Jun 03 Javascript
BootStrap制作导航条实例代码
May 06 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
vue实现列表的添加点击
Dec 29 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Angular数据绑定机制原理
Apr 17 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 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
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
PHP中如何定义和使用常量
2013/02/28 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
PHP实现的文件上传类与用法详解
2017/07/05 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
2015/03/25 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
JS中数据结构之栈
2019/01/01 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
简单了解Python中的几种函数
2017/11/03 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
关键字throw与throws的用法差异
2016/11/22 面试题
生产文员岗位职责
2014/04/05 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
中职招生先进个人材料
2014/08/31 职场文书
旷课检讨书范文
2014/10/30 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS
Java Redisson多策略注解限流
2022/09/23 Java/Android