Javascript Daterangepicker-singleDatePicker-显示2个月

我正在使用

日期范围选择器

。一切正常

现在，当

“singleDatePicker”：true

时，是否可以显示2个月的范围

HTML:

<input class="form-control input-lg" id="tripOne" name="tripOne" />

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))

并删除此.singleDatePicker

---

这将隐藏第一个日历上的右箭头。

除了Indrajeet Patil的答案之外。可以通过以下方式隐藏左侧日历中的右箭头：

$('.calendar.left .next.available').hide();

---

它可以工作，但如果您从右侧日历中选择日期，将显示此日历切换到左侧和下个月