perf: ah-info-page-form: 大致日期就不显示日期选择

application/views/mobile_first/ah-info-page-form.php

@@ -233,12 +233,12 @@
                                     Undecided dates
                                 </label>
                             </div>
-                            
+
                 <div class="trip_date_length" id="tripDateBlock" style="display: none">
-                             
+
                   <div id='dateSelectionBlock'>
                   <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
-                  margin-top: 5px;">            
+                  margin-top: 5px;">
                  <select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
 <option value="" disabled selected>Select your approximate travel date.</option>
                                     <option value="Jan. 2024">Jan. 2024</option>
@@ -283,7 +283,7 @@
                   </div>
 
               </div>
-    
+
                         </div>
 
 		<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
@@ -294,7 +294,7 @@
     <div id="email_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please enter your email</div>
     </div>
-    
+
     <div id="email_verify_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please verify your email</div>
     </div>
@@ -568,7 +568,7 @@
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone" class="checkBorder" >
     <label for="Phone">Phone call</label>
-</div> 
+</div>
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_email" id="Email" class="checkBorder" >
     <label for="Email">Email</label>
@@ -576,15 +576,15 @@
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video" class="checkBorder" >
     <label for="Video">Video appointment</label>
-</div>  
-   
-    
-    <button class="sendButton" id="info_page_button" name="booking_form_inquiry_list" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="YDFW-AH"/> 
+</div>
+
+
+    <button class="sendButton" id="info_page_button" name="booking_form_inquiry_list" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="YDFW-AH"/>
     <input name="ic_title" type="hidden" value="YDFW-AH" />
 </form>
 <!--
 <h3 style="text-align: center;    font-size: 20px;    line-height: 22px;">For a quick conversation, simply reach us via WhatsApp:</h3>
-    
+
     <div class="contactwechat"><img alt="asia highlights' wechat code" height="100px" src="https://data.asiahighlights.com/image/about/asia-highlights-whatsapp-code.jpg" width="100px" />
     <div class="wechatinfo"><span class="wechatred">+8615807734776</span><br />
     Email: <span class="wechatred">contact@asiahighlights.com</span></div>
@@ -596,7 +596,7 @@
     <script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
     <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
     <script>
-  
+
       var selectedExpectedDate = '';
     document.addEventListener('DOMContentLoaded', () => {
         flatpickr("#starting_date", {
@@ -606,10 +606,10 @@
             disableMobile: true,
             minDate: "today"
         });
-    
+
         var quick_inquiry_button = document.getElementById("quick_inquiry_button");
         var quick_inquiry_form = document.getElementById("quick_inquiry_form");
-        
+
         quick_inquiry_button.addEventListener('click', function(event) {
             var validateResult = validateQuickInquiryForm();
             if (validateResult) {
@@ -628,10 +628,10 @@
                   quick_inquiry_button.innerText = "Submitted successfully";
                 });
               }
-            }  
+            }
         });
     });
-    
+
     function validateQuickInquiryForm() {
         var result = true;
         var realnameVal = document.getElementById("realname").value;
@@ -639,33 +639,33 @@
         var expectedDateVal = document.getElementById("starting_date").value;
         var expectedMonthVal = document.getElementById("expectedMonth").value;
         var contactVal = document.getElementById("PhoneNo").value;
-    
+
         var realnameErrEl = document.getElementById("realname_errmsg");
         var emailErrEl = document.getElementById("email_errmsg");
         var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
         var startingDateErrEl = document.getElementById("date_error_msg");
         var contactErrEl = document.getElementById("contact_errmsg");
         var groupErrEl = document.getElementById("group_error_msg");
-    
+
         realnameErrEl.style.display = 'none';
         emailErrEl.style.display = 'none';
         emailVerifyErrEl.style.display = 'none';
         startingDateErrEl.style.display = 'none';
         contactErrEl.style.display = 'none';
         groupErrEl.style.display = 'none';
-    
+
         var travel_group_is_checked = false;
         document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
           if (groupNode.checked) {
             travel_group_is_checked = true;
           }
         });
-    
+
         if (travel_group_is_checked === false) {
           groupErrEl.style.display = '';
           result = false;
         }
-    
+
         var tripDate_is_checked = false;
           if (selectedExpectedDate === 'exact') {
             tripDate_is_checked = expectedDateVal !== '';
@@ -674,13 +674,13 @@
           } else if (selectedExpectedDate === 'yet') {
             tripDate_is_checked = true;
           }
-    
+
           //时间选择
           if (!tripDate_is_checked) {
             startingDateErrEl.style.display = '';
             result = false;
           }
-    
+
         if (realnameVal === '') {
             realnameErrEl.style.display = '';
             result = false;
@@ -703,13 +703,13 @@
     }
     </script>
     <script>
-      
+
         $(function () {
                 var $adultBlock = $('#adultBlock');
         var $childrenBlock = $('#childrenBlock');
         $('input[name="travel_group"]').each((i, groupEle) => {
                 $(groupEle).click(function (e) {
-    
+
                     var currentTarget = e.currentTarget;
             if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
               $adultBlock.show();
@@ -720,9 +720,10 @@
             }
                 })
             });
-    
+
             var $tripDateBlock = $('#tripDateBlock');
     var $expectedDate = $('#starting_date');
+    var $expectedDatePickerEle = $('#starting_date~input.datepicker');
     var $expectedMonth = $('#expectedMonth');
     var $dateSelectionBlock = $('#dateSelectionBlock');
     var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
@@ -738,10 +739,12 @@
           $expectedTravelDateBlock.hide();
           $expectedMonth.hide();
           $expectedDate.show();
+          $expectedDatePickerEle.show();
         } else if (selectedTripDate.id === 'approximate') {
           $dateSelectionBlock.show();
           $expectedTravelDateBlock.hide();
           $expectedDate.hide();
+          $expectedDatePickerEle.hide();
           $expectedMonth.show();
         } else if (selectedTripDate.id === 'yet') {
           $dateSelectionBlock.hide();
@@ -768,7 +771,7 @@
         </script>
         <script>
             // 折叠展开
-            
+
               document.querySelectorAll('div[collapse]').forEach(function ($collapseDiv, index) {
                 $collapseDiv.onclick = function (e) {
                   let collapseStatus = $collapseDiv.getAttribute('collapse-status');
@@ -845,7 +848,7 @@
                   target.style.removeProperty('transition-property');
                 }, duration);
               }
-            
+
               function slideDown(target, duration) {
                 duration = duration ? duration : 500;
                 target.style.removeProperty('display');
@@ -900,4 +903,4 @@
   $("#email").mailAutoComplete({
     email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
   });
-</script>
+</script>