基于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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 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表单提交与$_POST实例分析
2015/01/26 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
浅析javascript闭包 实例分析
2010/12/25 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
Js代码中的span拼接问题解决
2019/11/22 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
Python正则表达式教程之三:贪婪/非贪婪特性
2017/03/02 Python
python 除法保留两位小数点的方法
2018/07/16 Python
Django框架反向解析操作详解
2019/11/28 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
德国帽子专家:Hutshopping
2019/11/03 全球购物
.net工程师笔试题
2012/06/09 面试题
会计主管岗位职责范文
2013/11/08 职场文书
护士求职自荐信范文
2014/03/19 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
调研座谈会发言材料
2014/08/23 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
婚宴致辞
2015/07/28 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python