关于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关闭父引导下拉列表

使用 daterangepicker 过滤数据表

DateRangePicker显示错误的日期或未应用所选日期

JQuery Daterangepicker onchange 事件

如何使用bootstrap的daterangepicker插件