<input class="len-full" id="quhao" name="quhao" type="hidden" value="+86">

<div class="col-xl-6">        
     <div class="contact-us-message__form-input">
          <div class="validation__wrapper-up position-relative">
            <i class="fa-light fa-phone"></i>
               {!! Form::text('phone', '', ['class'=>'len-full phone', 'id'=>'phone', 'placeholder'=>inject('setting')->langs('web', 'phone') . '*', 'required' => true]) !!}
           </div>
     </div>
</div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/css/intlTelInput.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput.min.js"></script>

<style>
    .iti--separate-dial-code .iti__selected-flag{
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }
</style>

<script>
  // 获取输入框元素
  var input = document.querySelector("#phone");
 
  // 初始化插件并保存实例对象（关键：通过实例调用方法）
  var iti = window.intlTelInput(input, {
    initialCountry: "cn", // 初始选中中国
    separateDialCode: true, // 显示分离的区号
    utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.js" // 可选：加载工具脚本，支持更多功能（如格式验证）
  });

  // 方法1：获取选中国家的区号（带+号，如+86）
//   function getDialCode() {
//     var dialCode = iti.getSelectedCountryData().dialCode; // 获取纯数字区号（如86）
//     var fullDialCode = "+" + dialCode; // 拼接+号，得到+86
//     console.log("选中的区号（带+）：", fullDialCode);
//     console.log("选中的区号（纯数字）：", dialCode);
//     return fullDialCode;
//   }

  // 方法2：监听国家选择变化，实时获取区号
  input.addEventListener("countrychange", function() {
    console.log("国家切换后的区号：", "+" + iti.getSelectedCountryData().dialCode);
    $('#quhao').val('+' + iti.getSelectedCountryData().dialCode);
  });

  // 初始化时立即获取一次区号
 //getDialCode();
</script>

<style>
    .iti{width:100%;}
</style>


<!--日期插件-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
    flatpickr("#sdate", {
        dateFormat: "Y-m-d",
    });
</script>