我尝试使用Cleave.js格式化电话号码字段但它无法正常工作,但我似乎无法弄清楚原因。
我开始这样:
import Cleave from 'cleave.js';
var cleave = new Cleave('.phone', {
'phone': true,
'phoneRegionCode': 'CA'
});
我收到了这个错误:
> Uncaught Error: [cleave.js] Please include phone-type-formatter.{country}.js lib
所以我通过添加:
导入了我失踪的库import CleavePhone from 'cleave.js/dist/addons/cleave-phone.ca';
现在我的代码是:
import Cleave from 'cleave.js';
import CleavePhone from 'cleave.js/dist/addons/cleave-phone.ca';
var cleave = new Cleave('.phone', {
'phone': true,
'phoneRegionCode': 'CA'
});
我不再收到任何控制台错误,但电话号码的格式似乎根本不起作用。
我尝试将Cleave的选项更改为日期:
var cleave = new Cleave('.phone', {
'date': true,
'datePattern': ['Y', 'm', 'd']
});
输入似乎格式正确。因此,我知道我的元素查询选择器是可以的。
但我似乎无法弄清楚为什么我的电话号码格式不正确。
答案 0 :(得分:1)
而不是导入,尝试要求:require(' cleave.js / dist / addons / cleave-phone.ca')