Ant Design Vue 的日期选择器默认显示英文,但是它提供了一个
locale
属性,可以用来设置显示的语言。你可以将
locale
属性设置为一个对象,包含以下字段:
lang
: 语言代码,例如
zh_CN
表示中文简体,
zh_TW
表示中文繁体,
en_US
表示英文等。
placeholder
: 输入框的占位文本。
rangePlaceholder
: 范围选择模式下输入框的占位文本。
today
: 今天按钮的文本。
now
: 此刻按钮的文本。
backToToday
: 回到今天按钮的文本。
ok
: 确认按钮的文本。
timeSelect
: 时间选择框的文本。
以下是一个设置中文语言的示例代码:
<template>
<a-date-picker :locale="locale"></a-date-picker>
</template>
<script>
export default {
data() {
return {
locale: {
lang: 'zh_CN',
placeholder: '请选择日期',
rangePlaceholder: ['开始日期', '结束日期'],
today: '今天',
now: '此刻',
backToToday: '回到今天',
ok: '确定',
timeSelect: '选择时间',
</script>
当然,你可以根据自己的需要来修改 locale
对象中的属性值,来实现其他语言的显示。