vue.js nuxt-i18 n：日期本地化不适合我

e4eetjau 于 2023-05-18 发布在 Vue.js

关注(0)|答案(1)|浏览(214)

我正在尝试用Nuxt/i18 n本地化DateTime，
但它不起作用
这是我在nuxt config中的Nuxt/i18 n配置中的内容：

{
        seo: true,
        locales: [
          {
            code: 'en',
            iso: 'en-US',
            file: 'en.js',
            dir: 'ltr',
            name: 'English',
            id: 2,
          }
       
        ],

        lazy: true,
        langDir: 'locales/',
       
        defaultLocale: 'en',
        strategy: 'prefix_except_default',
        dateTimeFormats: {
          'en-US': {
            short: {
              year: 'numeric',
              month: 'long',
              day: 'numeric',
              weekday: 'short',
            },
            long: {
              year: 'numeric',
              month: 'short',
              day: 'numeric',
              weekday: 'short',
              hour: 'numeric',
              minute: 'numeric',
            },
          
          },
        },
      },

我该怎么解决这个问题？

vue.js

来源：https://stackoverflow.com/questions/69590096/nuxt-i18n-date-localization-doesnt-work-for-me

1条答案

按热度按时间

gojuced71#

使用nuxt.config.js的i18n部分中的vueI18n选项

modules: [
['nuxt-i18n', {
   locales: [
     {
       code: 'en',
       iso: 'en-US',
       file: 'en-US.js'
     }
   ],
   lazy: true,
   langDir: 'lang/',
   defaultLocale: 'en',
   vueI18n: {
     dateTimeFormats: {
       en: {
         short: {
           year: 'numeric',
           month: 'short',
           day: 'numeric',
         },
       }
     },
     numberFormats: {
       en: {
         currency: {
            style: 'currency', 
             currency: 'USD'
            }
       }
     }
   }
 }
],

参见this post

赞(0）回复(0）举报 2023-05-18

我来回答

vue.js nuxt-i18 n：日期本地化不适合我

1条答案

相关问题

热门标签

最新问答