Добавить один день на день строка в javascript

Question

Я устанавливаю min checkOut как значение checkIn. Моя проблема заключается в том, что мне нужно добавить один день до firstdate. (Не должны быть в состоянии проверить или до проверки в день.)

<script> 
function updatedate() { 
var firstdate = document.getElementById("checkIn").value; 
document.getElementById("checkOut").value = ""; 
document.getElementById("checkOut").setAttribute("min",firstdate); 
} 
</script> 

Check In 
<input type="date" id="checkIn" onchange="updatedate();" name="checkin"> 

Check out 
<input type="date" id="checkOut" min="" name="checkout"> 

Answer 1

Это своего рода выполнимо, но он работает только в Chrome, так как это единственный браузер, который поддерживает ввод даты в данный момент. О, и это решение использует momentjs, потому что синтаксический анализ даты и правильное добавление 1 дня к ней намного сложнее, чем это звучит.

function updatedate() { 
 
    var checkin = document.getElementById("checkIn").value; 
 
    checkin = moment(checkin); 
 
    var checkout = checkin.add(1, 'd'); 
 
    document.getElementById("checkOut").setAttribute("min", checkout.format('YYYY-MM-DD')); 
 
}

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    Check In 
 
    <input type="date" id="checkIn" onchange="updatedate();" name="checkin">Check out 
 
    <input type="date" id="checkOut" min="" name="checkout"> 
 
</div>

Answer 2

безмоментное решение разобрать checkinDate в дату JS и затем создать новую дату во время добавления в один прекрасный день к checkinDate. Хотя да, momentJS - это библиотека goto, когда речь идет о датах.

JSfiddle здесь:

https://jsfiddle.net/xugajae5/

Был немного рубить в получении мин формат, что входной ожидаемый:

var checkoutDateFormat = checkoutDate.toISOString().split('T')[0]; 

Answer 3

Не все браузеры в использовании даты поддержки ввода типа, так что вам нужно будет с этим справиться.

Затем вы можете преобразовать значение firstdate в объект Date, добавить день, а затем вернуть дату в требуемом формате. Однако ваша проблема заключается в том, что значение ввода даты (которое является строкой даты формата ISO 8601) рассматривается как локальное, но конструктор Date будет рассматривать его как UTC.

Итак, вам нужно разобрать строку как локальную дату, затем добавить день, а затем вернуть строку в нужном формате. Приведенный ниже код является лишь примером, вы можете использовать библиотеку для обработки даты. Просто не забудьте проанализировать строку даты с помощью конструктора Date.

function getTomorrow(el) { 
 
    var form = el.form; 
 
    var start = parseISOAsLocal(form.start.value); 
 
    // Check if input date was valid 
 
    if (!start.getTime()) { 
 
    form.tomorrow.value = ''; 
 
    form.start.value = 'Invalid date'; 
 
    return; 
 
    } 
 
    start.setDate(start.getDate() + 1); 
 
    form.tomorrow.value = formatISODate(start); 
 
} 
 

 
function parseISOAsLocal(s) { 
 
    var b = s.split(/\D/); 
 
    var d = new Date(b[0], --b[1], b[2]); 
 
    return d && d.getMonth() == b[1]? d : new Date(NaN); 
 
} 
 

 
function formatISODate(date) { 
 
    return ('000' + date.getFullYear()).slice(-4) + '-' + 
 
     ('0' + (date.getMonth() + 1)).slice(-2) + '-' + 
 
     ('0' + date.getDate()).slice(-2); 
 
}

<form> 
 
    Start (yyyy-mm-dd): 
 
    <input type="date" name="start" value="2016-08-31"><br> 
 
    Tomorrow: <input type="date" name="tomorrow" readonly><br> 
 
    <input type="button" onclick="getTomorrow(this)" 
 
     value="Show tomorrow"> 
 
</form> 
 

Answer 4

<script> 
    function updatedate(){ 
     var checkInValue = document.getElementById("checkIn").value; 
     var checkInDate = Date.parse(checkInValue); 
     var minDate = new Date(checkInDate + 24 * 3600 * 1000); 
     document.getElementById("checkOut").setAttribute("min", minDate.toDateString()); 
    } 
</script>