基于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 相关文章推荐
jQuery select控制插件
Aug 17 Javascript
基于jQuery的日期选择控件
Oct 27 Javascript
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
javascript中encodeURI和decodeURI方法使用介绍
May 06 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
Apr 01 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 Javascript
浅谈vue的第一个commit分析
Jun 08 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 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
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
javascript控制台详解
2015/06/25 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
vue做网页开场视频的实例代码
2017/10/20 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
基于Python闭包及其作用域详解
2017/08/28 Python
django 发送手机验证码的示例代码
2018/04/25 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
python多进程读图提取特征存npy
2019/05/21 Python
python笔记_将循环内容在一行输出的方法
2019/08/08 Python
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
就业自荐信
2013/12/04 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书
二手房购房协议书范本
2014/10/05 职场文书
岁月神偷观后感
2015/06/11 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
安全教育主题班会总结
2015/08/14 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python