关于daterangepicker的配置
Posted spinoza
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于daterangepicker的配置相关的知识,希望对你有一定的参考价值。
一开始接触daterangepicker搞得思路很乱,慢慢研究才了解一些,下面粘一个daterangepicker的基本配置,代码是来自网上某位大神的.我只是引荐过来的,加入了周和月的汉化.
在回调函数中能够拿到beginTime 和 endTime的值,可以在这里做一下数据处理什么的.
1 //初始化时间插件 2 function InitializeTime() { 3 var beginTimeStore = ‘‘; 4 var endTimeStore = ‘‘; 5 $(‘#config-demo‘).daterangepicker({ 6 "timePicker": true, 7 "timePicker24Hour": true, 8 "linkedCalendars": false, 9 "autoUpdateInput": false, 10 "locale": { 11 format: ‘YYYY-MM-DD HH:mm‘, 12 separator: ‘ ~ ‘, 13 applyLabel: "应用", 14 cancelLabel: "取消", 15 resetLabel: "重置", 16 daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘], 17 monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘, 18 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘], 19 firstDay: 1 20 } 21 }, function (start, end, label) { 22 beginTimeStore = start; 23 endTimeStore = end; 24 //console.log(this.startDate.format(this.locale.format)); 25 // console.log(this.endDate.format(this.locale.format)); 26 if (!this.startDate) { 27 this.element.val(‘‘); 28 } else { 29 this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format)); 30 } 31 }); 32 33 34 }
以上是关于关于daterangepicker的配置的主要内容,如果未能解决你的问题,请参考以下文章
TypeError: $(...).daterangepicker 不是函数
DateRangePicker显示错误的日期或未应用所选日期