你可能不需要 moment 之实战篇
Intl.Locale
参考 Locale
语言
使用不同语言格式化一个日期，由于全球通用阿拉伯数字，所以，只有年份前后的差异：
new Intl.DateTimeFormat(new Intl.Locale('zh'))
.format(new Date());
// 2021/9/25，中文习惯
new Intl.DateTimeFormat(new Intl.Locale('en'))
.format(new Date());
// 9/25/2021，英文习惯
为了更明显地区分，我们将日期信息更可能多的打印出来，如下：
new Intl.DateTimeFormat(new Intl.Locale('zh'), {
dateStyle: 'full',
timeStyle: 'long',
}).format(new Date());
// 2021年9月25日星期六 GMT+8 下午12:25:07
new Intl.DateTimeFormat(new Intl.Locale('en'), {
dateStyle: 'full',
timeStyle: 'long',
}).format(new Date());
// Saturday, September 25, 2021 at 12:25:02 PM GMT+8
历法
使用 calendar 来指定不同历法，比如的中国农历、日本新年号，完整的历法参考 此链接
new Intl.DateTimeFormat(new Intl.Locale('zh', {
calendar: 'chinese'
})).format(new Date());
// 2021年八月19
new Intl.DateTimeFormat(new Intl.Locale('zh', {
calendar: 'japanese'
})).format(new Date());
// 令和3-09-25
数字体系
使用不同的数字体系来显示，比如：中文数字，但目前很多不使用的数字系统是不支持的，比如：玛雅、罗马。
new Intl.DateTimeFormat(new Intl.Locale('zh', {
numberingSystem:'hans',
})).format(new Date());
// 二千零二十一/九/二十五
new Intl.DateTimeFormat(new Intl.Locale('zh', {
numberingSystem:'hansfin',
})).format(new Date());
// 贰仟零贰拾壹/玖/贰拾伍
小时制
12 小时、24 小时、23 小时制
new Intl.DateTimeFormat(new Intl.Locale('zh', {
hourCycle: 'h12'
}), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// 2021年9月25日星期六 中国标准时间 下午5:10:33
new Intl.DateTimeFormat(new Intl.Locale('zh', {
hourCycle: 'h24'
}), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// 2021年9月25日星期六 中国标准时间 17:11:19
语言书写
简体书写和繁体书写，具体的可以在 iana 上查到。
new Intl.DateTimeFormat(new Intl.Locale('zh', {
script:'Hans', // Han 表示汉字，s 表示简写
}), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// 2021年9月25日星期六 中国标准时间 下午5:14:30
new Intl.DateTimeFormat(new Intl.Locale('zh', {
script:'Hant', // Han 表示汉字，t 表示传统
}), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// 2021年9月25日 星期六 下午5:14:40 [中國標準時間]
Intl.DateTimeFormat
日期和时间样式
- full 所有信息
- long 带时区
- medium 精确到秒
- short 仅到分
new Intl.DateTimeFormat(new Intl.Locale('zh'), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// '2021年9月25日星期六 中国标准时间 下午5:20:26'
new Intl.DateTimeFormat(new Intl.Locale('zh'), {
dateStyle: 'long',
timeStyle: 'long'
}).format(new Date());
// '2021年9月25日 GMT+8 下午5:20:34'
new Intl.DateTimeFormat(new Intl.Locale('zh'), {
dateStyle: 'medium',
timeStyle: 'medium'
}).format(new Date());
// '2021年9月25日 下午5:20:52'
new Intl.DateTimeFormat(new Intl.Locale('zh'), {
dateStyle: 'short',
timeStyle: 'short'
}).format(new Date());
// '2021/9/25 下午5:21'
// -------------- 英文格式
new Intl.DateTimeFormat(new Intl.Locale('en'), {
dateStyle: 'full',
timeStyle: 'full'
}).format(new Date());
// 'Saturday, September 25, 2021 at 5:24:18 PM China Standard Time'
new Intl.DateTimeFormat(new Intl.Locale('en'), {
dateStyle: 'long',
timeStyle: 'long'
}).format(new Date());
// 'September 25, 2021 at 5:24:25 PM GMT+8'
new Intl.DateTimeFormat(new Intl.Locale('en'), {
dateStyle: 'medium',
timeStyle: 'medium'
}).format(new Date());
// 'Sep 25, 2021, 5:24:34 PM'
new Intl.DateTimeFormat(new Intl.Locale('en'), {
dateStyle: 'short',
timeStyle: 'short'
}).format(new Date());
// '9/25/21, 5:24 PM'
toLocaleString
** 注意，以下结果均为 chrome 下的测试结果。不同浏览器的格式处理 可能有所不同。 ** 相同浏览器，不同时间的格式可能也有所不同
根据如上的介绍，将上述参数按照 指定的字符串 格式拼接， 我们可以得出以下几种常用的 Case。
不同语言的格式参考，比如 lt
// 中国推荐
new Date().toLocaleString('zh-u-hc-h24')
// '2021/9/25 17:28:30'
new Date().toLocaleString('en-CA-u-hc-h24')
// '2021-09-25, 17:27:05'
// 使用立陶宛语言，兼容 IE11，日期和时间都是2位数，默认 24 小时制
new Date().toLocaleString('lt')
// 2021-09-25 05:05:05
// 2021-09-25 22:40:04
// 日期和时间都是1位数，默认 24 小时制
new Date().toLocaleString('bs')
// 2021-9-25 22:26:07
// 2021-9-1 5:05:05
// 默认 24 小时制，但用 / 区分日期
new Date().toLocaleString('ja')
// 2021/9/1 13:14:15
小记
通过列举 iana 的所有语言，查找 ‘YYYY-MM-DD’ 的格式。
var list = await fetch('https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry')
.then(d => d.text())
.then(d => d.split('%%'))
.then(d => d.map(t => t.split('\n')))
var regions = list
.filter(d => d[1] === 'Type: region')
.map(d => d[2].replace('Subtag: ', ''))
var languages = list
.filter(d => d[1] === 'Type: language')
.map(d => d[2].replace('Subtag: ', ''))
var date1 = new Date('2021/09/01 05:05:05')
var date2 = new Date('2021/09/01 13:13:13')
for (let i = 0; i < languages.length; i++) {
try {
const str1 = date1.toLocaleString(`${languages[i]}`);
const str2 = date2.toLocaleString(`${languages[i]}`);
if (/-/.test(str1)) {
console.log('region => ', languages[i], str1)
}
} catch(err) {
console.log('region is error => ', languages[i], err)
}
}
/**
输出：
region => az 2021-9-1 5:05:05
region => bs 2021-9-1 5:05:05
region => lt 2021-09-01 05:05:05
region => nl 1-9-2021 05:05:05
region => pa 2021-9-1 5:05:05 AM
region => sv 2021-09-01 05:05:05
region => uz 2021-9-1 5:05:05
region => azj 2021-9-1 5:05:05
region => uzn 2021-9-1 5:05:05
*/
References
- Intl.DateTimeFormat: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_identification_and_negotiation
- iana: https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry