2017-02-08 82 views
0

我正在使用daterangepicker。一切正常。Daterangepicker - singleDatePicker - 顯示2個月

現在,需要知道是否在「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'); 
}); 

回答

0

要顯示兩個月singleDatePicker,加$('.calendar.right').show();

Fiddle

躲右箭頭,編輯daterangepicker.js

找到這一行,

if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) 

,並刪除|| this.singleDatePicker

這將隱藏在一個日曆右箭頭。