Bootstrap DatePicker startDate и endDate - PullRequest
Новая
       30

Bootstrap DatePicker startDate и endDate

0 голосов
/ 27 февраля 2020

Это выбор диапазона дат. Это уже работает и проверяет startDate и endDate входные значения. У меня вопрос, как я могу поставить значение в поле endDate?

Пример. если startDate выбрано в 2020-2-27 , endDate field будет заполнено значением 2020-2-28 . 

<input type="text" class="form-control" placeholder="yyyy-mm-dd" id="startDate">
<input type="text" class="form-control" placeholder="yyyy-mm-dd" id="endDate">

Это мой код Я использую bootstrap DatePicker 

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<script>
var start = new Date();
var end = new Date(new Date().setYear(start.getFullYear()+1));

$('#startDate').datepicker({
    endDate   : end
}).on('changeDate', function(){
    $('#endDate').datepicker('setStartDate', new Date($(this).val()));
}); 
$('#endDate').datepicker({
    startDate : start,
    endDate   : end
}).on('changeDate', function(){
    $('#startDate').datepicker('setEndDate', new Date($(this).val()));
});
</script>

1 Ответ

0 голосов
/ 27 февраля 2020

Вы можете установить значение enddate на startDate изменить Вот так 

$('#startDate').on('change',function(){
var today=$('#startDate').val();
var myDate = new Date(today);
 myDate.setDate(myDate.getDate() + 1);
$("#endDate").datepicker("setDate", myDate);
})

Чтобы удалить селектор datepicker 

$(function(){
$("#endDate").css('pointer-events', 'none');
})

Вот обновленная скрипка: https://jsfiddle.net/athulmathew/x1n5acjL/7/

...