hotfix/paypal-note
candice 2 years ago
parent ef61aa659b
commit ee6dd973bc

@ -139,42 +139,46 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock">
<p style=" margin-top: 10px; <p style=" margin-top: 10px;
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> <input type="radio" value="exact travel dates" id="exact" name="trip_date">
</div> <label for="exact" class="updatedestination" style="font-size: 18px;">
<div class="travel_group date_select"> I have exact travel dates.
<input type="radio" value="exact travel dates" id="exact" name="trip_date"> </label>
<label for="exact" class="family"> </div>
I have exact travel dates. <div class="checkboxLabel" >
</label> <input type="radio" value="approximate travel dates" id="approximate" name="trip_date">
</div> <label for="approximate" class="updatedestination" style="font-size: 18px;">
<div class="travel_group date_select"> I have approximate travel dates.
<input type="radio" value="approximate travel dates" id="approximate" name="trip_date"> </label>
<label for="approximate" class="couple"> </div>
I have approximate travel dates. <div class="checkboxLabel" >
</label> <input type="radio" value="haven't decided travel dates" id="yet" name="trip_date">
</div> <label for="yet" class="updatedestination" style="font-size: 18px;">
<div class="travel_group date_select"> I haven't decided my travel dates.
<input type="radio" value="haven't decided travel dates" id="yet" name="trip_date"> </label>
<label for="yet" class="solo"> </div>
I haven't decided my travel dates.
</label> <div class="trip_date_length" id="tripDateBlock" style="display: none">
</div> <p>Select your travel date and trip length (days).</p>
<div class="trip_date_length" id="tripDateBlock" style="display: none"> <div id='dateSelectionBlock'>
<p style="clear: both;margin-bottom: 10px;" id="trip_date_tip">Select your travel date.</p> <input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
<div id="dateSelectionBlock"> <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
<div id='flatpickrBlock'>
<input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Starting date *" readonly="readonly" type="text" value="" />
</div> </div>
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date."> <div class="peopleSelect">
</div> <div class="numberBtn">
</div> <input class="minaddBtn" id="tripLengthMinus" type="button" value="-">
</div> <input class="number" type="text" value="14" id="tripLengthNumber" name="trip_length">
<input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
</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="" />
<div id="realname_errmsg" style="display: none"> <div id="realname_errmsg" style="display: none">
@ -631,35 +635,37 @@ 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('');
$expectedMonth.val(''); $expectedMonth.val('');
$tripDateBlock.show(); $tripDateBlock.show();
var selectedTripDate = e.currentTarget; var selectedTripDate = e.currentTarget;
selectedExpectedDate = selectedTripDate.id; selectedExpectedDate = selectedTripDate.id;
if (selectedTripDate.id === 'exact') { if (selectedTripDate.id === 'exact') {
$dateSelectionBlock.show(); $dateSelectionBlock.show();
$expectedMonth.hide(); $expectedTravelDateBlock.hide();
$expectedDate.show(); $expectedMonth.hide();
$tripDateTip.show(); $expectedDate.show();
} else if (selectedTripDate.id === 'approximate') { } else if (selectedTripDate.id === 'approximate') {
$dateSelectionBlock.show(); $dateSelectionBlock.show();
$expectedDate.hide(); $expectedTravelDateBlock.hide();
$expectedMonth.show(); $expectedDate.hide();
$tripDateTip.show(); $expectedMonth.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 () {

Loading…
Cancel
Save