
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