基于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作一个通用向导说明
Aug 30 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
vue点击按钮动态创建与删除组件功能
Dec 29 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
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
php遍历数组的方法分享
2012/03/22 PHP
php数组合并的二种方法
2014/03/21 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
php实现登录页面的简单实例
2019/09/29 PHP
对之前写的jquery分页做下升级
2014/06/19 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
2016/05/31 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
2016/07/28 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
python通过字典dict判断指定键值是否存在的方法
2015/03/21 Python
python中enumerate函数遍历元素用法分析
2016/03/11 Python
详解python的argpare和click模块小结
2019/03/31 Python
python实现抽奖小程序
2020/04/15 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
双语教学实施方案
2014/03/23 职场文书
员工保密承诺书
2014/05/28 职场文书
公司2014年度工作总结
2014/12/10 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
springboot实现string转json json里面带数组
2022/06/16 Java/Android