基于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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
js的with语句使用方法
Sep 21 Javascript
豆瓣网的jquery代码实例
Jun 15 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
js验证框架实现代码分享
May 18 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
layUI的验证码功能及校验实例
Oct 25 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
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
php上传图片存入数据库示例分享
2014/03/11 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
JS小框架 fly javascript framework
2009/11/26 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
jQuery实现图片左右滚动特效
2020/04/20 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python FTP操作类代码分享
2014/05/13 Python
跟老齐学Python之有容乃大的list(1)
2014/09/14 Python
python中尾递归用法实例详解
2015/04/28 Python
Python全局变量用法实例分析
2016/07/19 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
体育教育专业自荐信范文
2013/12/20 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
社区助残日活动总结
2014/08/29 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
八年级作文之感恩
2019/11/22 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers