2017-02-08 3 views
0

私はdaterangepickerを使用しています。すべて正常に動作します。Daterangepicker - singleDatePicker - Show 2 months

ここで、 "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と2ヶ月を表示するには、$('.calendar.right').show();

Fiddle

を追加右矢印を非表示にするには

、編集daterangepicker.js

、この行を探す

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

とこれが最初のカレンダーの右矢印を非表示になります|| this.singleDatePicker

を削除します。

関連する問題