Cleave.js电话CA

Question

我试图使用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'
});

我不再收到任何控制台错误，但电话号码的格式似乎根本不起作用。

我试着把“请假”改为“约会”：

var cleave = new Cleave('.phone', {
    'date': true,
    'datePattern': ['Y', 'm', 'd']
});

而且输入的格式似乎是正确的。因此，我知道元素的查询选择器是可以的。

但我似乎不明白为什么我的电话号码格式不正确。

Answer 1

而不是导入，尝试要求: require('cleave.js/dist/addons/cleave-phone.ca')