|
|
@ -144,36 +144,40 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
|
|
|
|
margin-bottom: 0;"><strong>
|
|
|
|
margin-bottom: 0;"><strong>
|
|
|
|
When would you travel?
|
|
|
|
When would you travel?
|
|
|
|
</strong></p>
|
|
|
|
</strong></p>
|
|
|
|
<div id="date_error_msg" style="display: none">
|
|
|
|
<div class="checkboxLabel" >
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
|
|
|
|
<input type="radio" value="exact travel dates" id="exact" name="trip_date">
|
|
|
|
<input type="radio" value="exact travel dates" id="exact" name="trip_date">
|
|
|
|
<label for="exact" class="family">
|
|
|
|
<label for="exact" class="updatedestination" style="font-size: 18px;">
|
|
|
|
I have exact travel dates.
|
|
|
|
I have exact travel dates.
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
<div class="checkboxLabel" >
|
|
|
|
<input type="radio" value="approximate travel dates" id="approximate" name="trip_date">
|
|
|
|
<input type="radio" value="approximate travel dates" id="approximate" name="trip_date">
|
|
|
|
<label for="approximate" class="couple">
|
|
|
|
<label for="approximate" class="updatedestination" style="font-size: 18px;">
|
|
|
|
I have approximate travel dates.
|
|
|
|
I have approximate travel dates.
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
<div class="checkboxLabel" >
|
|
|
|
<input type="radio" value="haven't decided travel dates" id="yet" name="trip_date">
|
|
|
|
<input type="radio" value="haven't decided travel dates" id="yet" name="trip_date">
|
|
|
|
<label for="yet" class="solo">
|
|
|
|
<label for="yet" class="updatedestination" style="font-size: 18px;">
|
|
|
|
I haven't decided my travel dates.
|
|
|
|
I haven't decided my travel dates.
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="trip_date_length" id="tripDateBlock" style="display: none">
|
|
|
|
<div class="trip_date_length" id="tripDateBlock" style="display: none">
|
|
|
|
<p style="clear: both;margin-bottom: 10px;" id="trip_date_tip">Select your travel date.</p>
|
|
|
|
<p>Select your travel date and trip length (days).</p>
|
|
|
|
<div id="dateSelectionBlock">
|
|
|
|
<div id='dateSelectionBlock'>
|
|
|
|
<div id='flatpickrBlock'>
|
|
|
|
<input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
<input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Starting date *" readonly="readonly" type="text" value="" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
|
|
|
|
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="peopleSelect">
|
|
|
|
|
|
|
|
<div class="numberBtn">
|
|
|
|
|
|
|
|
<input class="minaddBtn" id="tripLengthMinus" type="button" value="-">
|
|
|
|
|
|
|
|
<input class="number" type="text" value="14" id="tripLengthNumber" name="trip_length">
|
|
|
|
|
|
|
|
<input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
|
|
|
|
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
|
|
|
@ -632,11 +636,11 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var $tripDateBlock = $('#tripDateBlock');
|
|
|
|
var $tripDateBlock = $('#tripDateBlock');
|
|
|
|
var $expectedDate = $('#flatpickrBlock');
|
|
|
|
var $expectedDate = $('#Date_Start');
|
|
|
|
var $expectedMonth = $('#expectedMonth');
|
|
|
|
var $expectedMonth = $('#expectedMonth');
|
|
|
|
var $dateSelectionBlock = $('#dateSelectionBlock');
|
|
|
|
var $dateSelectionBlock = $('#dateSelectionBlock');
|
|
|
|
var $tripDateTip = $('#trip_date_tip');
|
|
|
|
var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
|
|
|
|
|
|
|
|
var selectedExpectedDate = '';
|
|
|
|
$('input[name="trip_date"]').each((i, tripDateEle) => {
|
|
|
|
$('input[name="trip_date"]').each((i, tripDateEle) => {
|
|
|
|
$(tripDateEle).click(function (e) {
|
|
|
|
$(tripDateEle).click(function (e) {
|
|
|
|
$expectedDate.val('');
|
|
|
|
$expectedDate.val('');
|
|
|
@ -646,21 +650,23 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
|
|
|
|
selectedExpectedDate = selectedTripDate.id;
|
|
|
|
selectedExpectedDate = selectedTripDate.id;
|
|
|
|
if (selectedTripDate.id === 'exact') {
|
|
|
|
if (selectedTripDate.id === 'exact') {
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
|
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
|
$expectedMonth.hide();
|
|
|
|
$expectedMonth.hide();
|
|
|
|
$expectedDate.show();
|
|
|
|
$expectedDate.show();
|
|
|
|
$tripDateTip.show();
|
|
|
|
|
|
|
|
} else if (selectedTripDate.id === 'approximate') {
|
|
|
|
} else if (selectedTripDate.id === 'approximate') {
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
|
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
|
$expectedDate.hide();
|
|
|
|
$expectedDate.hide();
|
|
|
|
$expectedMonth.show();
|
|
|
|
$expectedMonth.show();
|
|
|
|
$tripDateTip.show();
|
|
|
|
|
|
|
|
} else if (selectedTripDate.id === 'yet') {
|
|
|
|
} else if (selectedTripDate.id === 'yet') {
|
|
|
|
$dateSelectionBlock.hide();
|
|
|
|
$dateSelectionBlock.hide();
|
|
|
|
$tripDateTip.hide();
|
|
|
|
$expectedTravelDateBlock.show();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var tripLength = $('#tripLengthNumber').val();
|
|
|
|
|
|
|
|
|
|
|
|
//成人
|
|
|
|
//成人
|
|
|
|
$('#plusAdult').click(function () {
|
|
|
|
$('#plusAdult').click(function () {
|
|
|
|
adultNumber++;
|
|
|
|
adultNumber++;
|
|
|
|