基于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日历实现代码
Sep 12 Javascript
JQuery触发事件例如click
Sep 11 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
js子页面获取父页面数据示例
May 15 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
Nov 04 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
JavaScript运行机制实例分析
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
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
详解php中的implements 使用
2017/06/13 PHP
thinkphp5.1框架模板布局与模板继承用法分析
2019/07/19 PHP
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
Python正则表达式知识汇总
2017/09/22 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
django echarts饼图数据动态加载的实例
2019/08/12 Python
Python xlrd/xlwt 创建excel文件及常用操作
2020/09/24 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
css3中transition属性详解
2014/09/02 HTML / CSS
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
Java的五个基础面试题
2016/02/26 面试题
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
我爱我家教学反思
2014/05/01 职场文书
小学教育见习报告
2014/10/31 职场文书
商务考察邀请函模板
2015/02/02 职场文书
工会工作个人总结
2015/03/03 职场文书
销售督导岗位职责
2015/04/10 职场文书
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python