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 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

HTTP Basic Authentication验证WCF Data Service

WCF Data Service是OData协议,也是RESTFul Service的一种,上篇文章已经介绍了HTTP Basic Authentication...

2128
来自专栏hbbliyong

WPF刷新界面之坎坷路

   项目需要一个硬件检测功能,需要用到界面刷新,刚开始想用个定时器,对检测过的硬设定时添加后刷新界面。 但是很遗憾,定时器并不能进行刷新。后台检测List数据...

3887
来自专栏Google Dart

Flutter 构建完整应用手册-联网 顶

从大多数应用程序获取互联网上的数据是必要的。 幸运的是,Dart和Flutter为这类工作提供了工具!

1282
来自专栏向治洪

butternife Zelezny自动注入插件

插件地址:http://plugins.jetbrains.com/plugin/7369 Products: IntelliJ IDEA, RubyMine...

1898
来自专栏移动端开发

iOS 测试三方 KIF 的那些事

一: KIF 三方库的配置       今天的广州天气还不错,原本想试试UI测试的,前几天也了解到很多公司都在用 KIF 这这三方框架!!今天也就试着做做,可就...

2326
来自专栏安恒网络空间安全讲武堂

赛前福利①最新2018HITB国际赛writeup

FIRST 距离“西湖论剑杯”全国大学生网络空间安全技能大赛只有10天啦! 要拿大奖、赢offer,那必须得来点赛前练习定定心啊~这不,讲武堂就拿到了2018H...

4645
来自专栏积累沉淀

CXF 框架拦截器

CXF的拦截器 •为什么设计拦截器? 1.为了在webservice请求过程中,能动态操作请求和响应数据, CXF设计了拦截器. •拦截器分类: 1...

1976
来自专栏菩提树下的杨过

setInterval与clearInterval使用示例

setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如: 不刷新页面的情况下,"实时"获取其它会员给...

2215
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第二十三天 Web商城实战三【悟空教程】

<a href="${pageContext.request.contextPath}/OrderServlet?method=findByUid">我的订单<...

1761
来自专栏高性能服务器开发

+从零实现一款12306刷票软件1.4

这里还有个注意细节,就是通过POST请求发送的数据需要对一些符号做URL Encode,这个我在上一篇文章《从零实现一个http服务器》也详细做了介绍,还不清楚...

2242

扫码关注云+社区

领取腾讯云代金券