Daterangepicker - singleDatePicker - 显示2个月
Daterangepicker - singleDatePicker - Show 2 months
我正在使用 daterangepicker
。一切正常。
现在,"singleDatePicker": true
时,是否可以显示 2 个月的范围?
HTML:
<input class="form-control input-lg" id="tripOne" name="tripOne" />
JS:
var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
var maxLimitDate = new Date(nowDate.getFullYear() + 1, nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
$('input[name="tripOne"]').daterangepicker({
"autoApply": true,
"autoUpdateInput": false,
"singleDatePicker": true,
"minDate": today,
"maxDate": maxLimitDate,
"opens": "left",
"locale": {
format: 'DD MMM YYYY'
}
}, function (start, end) {
$("#tripOne").val(start.format('DD MMM YYYY'));
$('#tripOne').parent().parent().removeClass('has-error');
});
要使用 singleDatePicker 显示两个月,请添加 $('.calendar.right').show();
要隐藏向右箭头,请编辑 daterangepicker.js
找到这一行,
if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker))
并删除 || this.singleDatePicker
这将隐藏第一个日历上的向右箭头。
除了 Indrajeet Patil 的回答。可以通过以下方式隐藏左侧日历中的右侧箭头:
$('.calendar.left .next.available').hide();
我正在使用 daterangepicker
。一切正常。
现在,"singleDatePicker": true
时,是否可以显示 2 个月的范围?
HTML:
<input class="form-control input-lg" id="tripOne" name="tripOne" />
JS:
var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
var maxLimitDate = new Date(nowDate.getFullYear() + 1, nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
$('input[name="tripOne"]').daterangepicker({
"autoApply": true,
"autoUpdateInput": false,
"singleDatePicker": true,
"minDate": today,
"maxDate": maxLimitDate,
"opens": "left",
"locale": {
format: 'DD MMM YYYY'
}
}, function (start, end) {
$("#tripOne").val(start.format('DD MMM YYYY'));
$('#tripOne').parent().parent().removeClass('has-error');
});
要使用 singleDatePicker 显示两个月,请添加 $('.calendar.right').show();
要隐藏向右箭头,请编辑 daterangepicker.js
找到这一行,
if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker))
并删除 || this.singleDatePicker
这将隐藏第一个日历上的向右箭头。
除了 Indrajeet Patil 的回答。可以通过以下方式隐藏左侧日历中的右侧箭头:
$('.calendar.left .next.available').hide();