当我尝试在第一个输入创建startDate时它工作,但我需要startDate进行第二次输入,结果不起作用。这是我的代码
$('.date-picker').daterangepicker({
singleDatePicker: true,
minDate: moment().subtract(1, 'years'),
maxDate: moment().subtract(1, 'days'),
locale: {
format: 'DD-MM-YYYY'
}
}, function(chosen_date) {
$('.date-picker').val(chosen_date.format('DD-MM-YYYY'));
})
$('.date-picker-2').daterangepicker({
minDate: departpicker,
/*why is not working?*/
startDate: moment(departpicker, 'DD-MM-YYYY').add(6, 'days'),
maxDate: moment(departpicker, 'DD-MM-YYYY').add(6, 'days')
})
这是我的完整代码Fiddle
你必须改变第二个日期时间选择器的开始日期。目前它设置为初始日期,希望这会有所帮助。
var drp = $('.date-picker-2').data('daterangepicker');
drp.setStartDate(moment(departpicker, 'DD-MM-YYYY').add(6, 'days'));
作为minDate
的.date-picker-2
,你只提供了从第一个datepicker输出的字符串...而不是日期对象。
以下是我所做的改变:
minDate: moment(departpicker, 'DD-MM-YYYY'), //departpicker,
/*why is not working?*/
我还评论了这个额外的设置日期的尝试:
//var drp = $('.date-picker-2').data('daterangepicker');
//drp.setStartDate(departpicker);
//drp.setEndDate(departpicker);
它在下面工作得很好:
var autoupdate = false;
function date1(){
$('.date-picker').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minDate: moment().subtract(1, 'years'),
autoApply: true,
disabledDays: 'today',
maxDate: moment().subtract(1, 'days'),
autoUpdateInput: autoupdate,
locale: {
format: 'DD-MM-YYYY'
}
}, function(chosen_date) {
$('.date-picker').val(chosen_date.format('DD-MM-YYYY'));
});
}
date1();
$('.date-picker').on('apply.daterangepicker', function(ev, picker) {
if ($('.date-picker').val().length == 0 ){
autoupdate = true;
console.log('true');
date1();
}
var departpicker = $('.date-picker').val();
$('.date-picker-2').daterangepicker({
minDate: moment(departpicker, 'DD-MM-YYYY'), //departpicker,
/*why is not working?*/
startDate: moment(departpicker, 'DD-MM-YYYY').add(6, 'days'),
maxDate: moment(departpicker, 'DD-MM-YYYY').add(6, 'days'),
singleDatePicker: true,
showDropdowns: true,
autoApply: true,
locale: {
format: 'DD-MM-YYYY'
}
});
//var drp = $('.date-picker-2').data('daterangepicker');
//drp.setStartDate(departpicker);
//drp.setEndDate(departpicker);
});
<link href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<input type="text" class="date-picker">
<input type="text" class="date-picker-2">