antd框架的国际化

292 阅读1分钟

antd框架的国际化问题

起因:

因为没有配置项目全局的国际化,导致日期时间选择框拿到的时间的格式(2022-12-01T10:28:01)经过dayjs处理后并不是接口想要的格式( 2022-12-01 12:08:46),最终导致接口无法返回真实的数据。

解决方法:使用 ConfigProvider组件配置全局国际化。

地址:www.antdv.com/docs/vue/i1…

<template>
  <a-config-provider :locale="locale">
    <router-view></router-view>
  </a-config-provider>
</template><script>
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import dayjs from 'dayjs';
  import 'dayjs/locale/zh-cn';
  dayjs.locale('zh-cn');
​
  export default {
    data() {
      return {
        locale: zhCN,
      };
    },
  };
</script>