如何使用國際電話輸入來格式化數字？

Question

我在index.html包括了intl-tel-input js＆css庫：

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

我還有一個名為app.js文件，當用戶在textbox輸入內容時，我會在其中格式化數字：

window.intlTelInputGlobals.loadUtils(_TEL_INPUT_UTILS).then(function(x, y){

var pn = $("#phone_number")[0];
var iti = intlTelInput(pn,{
    nationalMode: false,
    initialCountry: 'US'
})
var handleChangeVerification = function() {
if(iti.getNumber() ){
    iti.setNumber(iti.getNumber());
}};
pn.addEventListener('change', handleChangeVerification);
pn.addEventListener('keyup', handleChangeVerification);

變量_TEL_INPUT_UTILS引用intl-tel-input的實用程序腳本，在加載后，我嘗試在text box數字格式。

該代碼位於：

$(document).ready(function(){
   //...
})

現在，我在app.js中有一個代碼位於loadUtils之外，我想用一個變量來格式化該數字。

當我調用相同的loadUtils ，出現以下錯誤：

jQuery.Deferred exception: window.intlTelInputGlobals.loadUtils(...) is null my_scpecific_funcation@webpack:///./src/app.js?:258:13

問題是如何在變量內部格式化數字？ 每次都需要使用loadUtils嗎？ 在整個過程中是否有更好的方法？

Answer 1

我不知道的事情是，當您使用loadUtils ，它將被加載並且可以訪問它。

所以我不用費力地使用下面的代碼：

intlTelInputUtils.formatNumber(my_number_var, null, intlTelInputUtils.numberFormat.INTERNATIONAL);