Naive-ui 通过使用 n-config-provider 调整语言,将 n-config-provider 的 date-locale 设为从 naive-ui 导入的 dateZhCN 来设定全局日期中文。
导入:
import { NConfigProvider } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'
然后在标签中设置:
完整代码如下:
<template> <div style="width: 200px;"> <n-config-provider :locale="zhCN" :date-locale="dateZhCN"> <n-date-picker v-model:formatted-value="cdata" value-format="yyyy-MM-dd" type="date" /> </n-config-provider> <div>{{ cdata }}</div> </div> </template> <script setup lang="ts"> import { ref } from 'vue'; import { NConfigProvider } from 'naive-ui' import { zhCN, dateZhCN } from 'naive-ui' const cdata = ref(null); </script>
上一篇:vue生命周期(钩子函数)介绍
下一篇:没有了
讨论数量:0