专栏首页前端小叙daterangepicker日历插件使用参数注意问题

daterangepicker日历插件使用参数注意问题

显示具体时间时分秒:

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'));

    }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js字符串转为数字方法parseInt()、减号、乘号、JSON.parse()、Number()的效率比较

    2、字符串既包含数字又包含字母的字符串,parseInt()带10进制的参数更快,但是是所有方法中最慢的;

    蓓蕾心晴
  • Vue-router路由判断页面未登录跳转到登录页面

    router.beforeEach((to, from, next) => { if (to.matched.some(record => record.m...

    蓓蕾心晴
  • js粘贴事件paste简单解析及遇到的坑

    在用户执行粘贴操作的时候,js能够获得剪切板的内容,本文讨论一下这个问题。 目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支...

    蓓蕾心晴
  • Kafka 2.5.0发布——弃用对Scala2.11的支持

    下载地址:https://kafka.apache.org/downloads#2.5.0

    实时计算
  • 你的数据库密码还在裸奔吗?试一试Druid数据库密码加解密吧!

    1、替换DBCP和C3P0。Druid提供了一个高效、功能强大、可扩展性好的数据库连接池。

    Java后端技术
  • android bitmap压缩几种色彩详解

    android中的大图片一般都要经过压缩才显示,不然容易发生oom,一般我们压缩的时候都只关注其尺寸方面的大小,其实除了尺寸之外,影响一个图片占用空间的还有其...

    xiangzhihong
  • LayaAir开始在GitHub实时提交了,2.3版支持多光源渲染, 3D效果华丽提升!3D导出插件支持Unity2018了!

    今天的引擎版本更新又是一次大版本更新,不仅推出了2.2正式版,还有重磅版本2.3.0beta版,关于本次重要的版本更新内容,本篇逐一为大家进行详细介绍。

    Layabox Charley
  • 「唯物」“刷脸”没能进入消费领域,但“刷眼”也许可以

    前一段时间,有司机冒充赵薇老公到公证处通过人脸识别技术办理了委托公证证明,以委托人的身份卖掉了赵薇家一处价值千万的豪宅。这条新闻不禁让人们对于人脸识别的准确性和...

    AI研习社
  • java时区——获得某一时区的某一时刻一天的开始结束时间

    代码地址:https://code.csdn.net/luo4105/javautilclass/tree/master 下的TimeZoneTest.java...

    逝兮诚
  • Bypass D盾_防火墙(新版)SQL注入防御

    『D盾_防火墙』专为IIS设计的一个主动防御的保护软件,以内外保护的方式防止网站和服务器给入侵。新版的D盾_防火墙,支持系统:win2003/win20...

    Bypass

扫码关注云+社区

领取腾讯云代金券