Showing +3 days from today by default and setting second dates on selection of first dates
Hello
I have 4 date fields
HTML
<label>Departure Date:</label>
<input name="dateFrom" type="text" class="imputdate" id="DepartureDate" value="dd-mm-yyyy" />
<label>Return Date:</label>
<input name="dateTo" type="text" class="imputdate" id="ReturnDate" value="dd-mm-yyyy" />
<label>Check In Date:</label>
<input name="dateFrom" type="text" class="imputdate" id="CheckIn" value="dd-mm-yyyy" />
<label>Check Out Date:</label>
<input name="dateTo" type="text" class="imputdate" id="CheckOut" value="dd-mm-yyyy" />
CODE I AM USING (which is not working)
$(function () {
$('#DepartureDate, #CheckIn').datepicker().datepicker('setDate', 'minDate');
$('#ReturnDate, #CheckOut').datepicker().datepicker('setDate', '+8d');
});
$("#DepartureDate").datepicker({
onClose: function (selectedDate) {
$("#ReturnDate").datepicker("option", "minDate", selectedDate);
}
});
$("#CheckIn").datepicker({
onClose: function (selectedDate) {
$("#CheckOut").datepicker("option", "minDate", selectedDate);
}
});
I would like to achieve this:
1)When the page loads automatically show +3 days from today's default in the fields of #DepartureDate and #CheckIn
2) and automatically add +7 days to fields of #ReturnDate and #CheckOut from #DepartureDate and #CheckIn by default
3) On selection of #DepartureDate or #CheckIn dates
Add +7 days to #ReturnDate or #CheckOut
Thank you in advance.