基于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 最常用的10个自定义函数[推荐]
Dec 26 Javascript
window.location.hash 属性使用说明
Mar 20 Javascript
用jquery实现输入框获取焦点消失文字
Apr 27 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 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
php 魔术函数使用说明
2010/02/21 PHP
php通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
php+mysql实现无限级分类
2015/11/11 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
2016/08/24 Javascript
简单的js计算器实现
2016/10/26 Javascript
基于react组件之间的参数传递(详解)
2017/09/05 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
python类型强制转换long to int的代码
2013/02/10 Python
Python实现的ini文件操作类分享
2014/11/20 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
django 自定义过滤器的实现
2019/02/26 Python
python关于调用函数外的变量实例
2019/12/26 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
python 爬虫请求模块requests详解
2020/12/04 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
介绍一下Python下range()函数的用法
2013/11/07 面试题
幼儿园运动会加油词
2014/02/14 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
行政监察建议书
2014/05/19 职场文书
个人查摆剖析材料
2014/10/16 职场文书
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏
Java 数据结构七大排序使用分析
2022/04/02 Java/Android