[英]How to use updateLocale in nuxtjs/dayjs?
我想更改荷兰语语言环境 (nl) 的短工作日。 为此,我需要使用 updateLocale,如下所述: https://day.js.org/docs/en/customization/weekday-abbreviations 。 这是我目前在 nuxt.config.js 中的内容:
modules: [
'@nuxtjs/dayjs',
],
dayjs: {
locales: ['en', 'nl'],
defaultLocale: 'nl',
plugins: [
'updateLocale',
'relativeTime'
],
updateLocale: ('nl', {
weekdaysShort: ['Su', 'Mo', 'Tu', 'WAHH', 'Th', 'Fr', 'Sa']
})
}
不要介意'WAHH'部分,那只是为了测试。 但显然这是行不通的。 处理这个的正确方法是什么?
在plugins
文件夹中创建一个dayjs.js
文件并在下面编写代码。
export default function ({ $dayjs }) {
$dayjs.updateLocale('en', {
relativeTime: {
future: 'in %s',
past: '%s ago',
s: 'a few seconds',
m: 'a minute',
mm: '%d minutes',
h: 'an hour',
hh: '%d hours',
d: 'a day',
dd: '%d days',
M: 'a month',
MM: '%d months',
y: 'a year',
yy: '%d years',
},
})
}
并将这个插件添加到nuxt.config.js
。
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [ '~/plugins/dayjs'],
最后,将 updateLocale 添加到 nuxt.config.js 中的nuxt.config.js
配置中
...
dayjs: {
locales: ['en'],
defaultLocale: 'en',
defaultTimeZone: 'America/New_York',
plugins: ['timezone', 'relativeTime', 'updateLocale'],
},
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.