daterangepicker select 一个月内的范围
daterangepicker select range within one month
使用这个http://www.daterangepicker.com/
如何使用daterangepicker来select距离只有一个月。
启用 singleDatePicker: true
使其成为 onlt 日期选择器,但我需要一个月的范围。
即2017 年 1 月 1 日至 2017 年 1 月 15 日。或一个月内的任何范围。
我试过了
"dateLimit": {
"month": 1
},
但它 select 1 月 1 日至 31 日和 2 月 1 日也是。
如果不可能,请提出替代方案。
编辑(当前代码)
function cb(start, end) {
$('#daterange span').html(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY'));
enroll_date_start.value = start.format('YYYY-MM-DD');
enroll_date_end.value = end.format('YYYY-MM-DD');
}
$('#daterange').daterangepicker({
maxDate: moment(),
"dateLimit": {
"month": 1
},
ranges: {
'Today': [moment(), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
我找到了另一个插件,它有很多功能和我需要的功能。
https://longbill.github.io/jquery-date-range-picker/
选项:单月模式(日期范围)
只需在dateLimit选项中添加以下内容即可。
dateLimit: {
'months': 1,
'days': -1
}
通过这个解决方法,我设法控制了日期范围内的单月视图:
我使用这个技巧:[;
我已将 + 1 个月添加到 maxDate:var maxDate = moment(new Date()).add(1, 'M');
singleDatePicker: false,
linkedCalendars: true,
我在我的选项日期选择器对象上使用了该方法;
isInvalidDate: function(date) {
return date.isAfter(self.today);
}
其中 self.today 是 moment(new Date()).format('M/DD/YYYY');
此解决方案仅用于今天日期之后的过去一天的日期范围。今天之后的所有日期都将被禁用
这对我有用,添加以下内容:
singleDatePicker: true,
我知道我迟到了,但这个解决方案对我有用:
将此行添加到选项中:
linkedCalendars: false
然后他们将此添加到 css:
.drp-calendar.right {
display: none !important;
}
父亲 class(drp-calendar 在我的情况下)可能不同,请与检查员核实。
来源:https://github.com/dangrossman/daterangepicker/issues/1152#issuecomment-229439154
使用这个http://www.daterangepicker.com/
如何使用daterangepicker来select距离只有一个月。
启用 singleDatePicker: true
使其成为 onlt 日期选择器,但我需要一个月的范围。
即2017 年 1 月 1 日至 2017 年 1 月 15 日。或一个月内的任何范围。
我试过了
"dateLimit": {
"month": 1
},
但它 select 1 月 1 日至 31 日和 2 月 1 日也是。
如果不可能,请提出替代方案。
编辑(当前代码)
function cb(start, end) {
$('#daterange span').html(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY'));
enroll_date_start.value = start.format('YYYY-MM-DD');
enroll_date_end.value = end.format('YYYY-MM-DD');
}
$('#daterange').daterangepicker({
maxDate: moment(),
"dateLimit": {
"month": 1
},
ranges: {
'Today': [moment(), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
我找到了另一个插件,它有很多功能和我需要的功能。 https://longbill.github.io/jquery-date-range-picker/
选项:单月模式(日期范围)
只需在dateLimit选项中添加以下内容即可。
dateLimit: {
'months': 1,
'days': -1
}
通过这个解决方法,我设法控制了日期范围内的单月视图:
我使用这个技巧:[;
我已将 + 1 个月添加到 maxDate:var maxDate = moment(new Date()).add(1, 'M');
singleDatePicker: false,
linkedCalendars: true,
我在我的选项日期选择器对象上使用了该方法;
isInvalidDate: function(date) {
return date.isAfter(self.today);
}
其中 self.today 是 moment(new Date()).format('M/DD/YYYY');
此解决方案仅用于今天日期之后的过去一天的日期范围。今天之后的所有日期都将被禁用
这对我有用,添加以下内容:
singleDatePicker: true,
我知道我迟到了,但这个解决方案对我有用:
将此行添加到选项中:
linkedCalendars: false
然后他们将此添加到 css:
.drp-calendar.right {
display: none !important;
}
父亲 class(drp-calendar 在我的情况下)可能不同,请与检查员核实。
来源:https://github.com/dangrossman/daterangepicker/issues/1152#issuecomment-229439154