Cleave.js Phone 加拿大

Question

我正在尝试使用 Cleave.js 格式化 phone 数字字段，但它不起作用，但我似乎无法弄清楚原因。

我是这样开始的：

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'
});

我没有再收到任何控制台错误，但 phone 数字的格式似乎根本不起作用。

我尝试将 Cleave 的选项更改为日期：

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

并且输入的格式似乎正确。因此，我知道我的元素查询选择器没问题。

但我似乎无法弄清楚为什么我的 phone 号码格式不正确。

Answer 1

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

Cleave.js Phone 加拿大

Cleave.js Phone CA

javascript

plugins

cleave