ant-design-vue a-date-picker 几个按钮显示中文

本文介绍了如何在Vue项目中,通过使用`a-locale-provider`和`a-date-picker`组件以及`moment.js`库,将英文日期选择器按钮转换为中文显示,同时设置了`zh_CN`语言环境。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前提:直接用插件 按钮是英文 想把按钮变成中文展示

想要的效果

代码使用
     <a-locale-provider :locale="zh_CN">
          <a-date-picker v-if="form.getFieldValue('dispatch') == 'planExecution'"  style="width: 280px; margin-left:18px"  show-time placeholder="请选择日期" @change="onChange" @ok="onOk" />
        </a-locale-provider>



 import moment from 'moment';
  import 'moment/locale/zh-cn';
  import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
  moment.locale('zh-cn');
  
在vue 中的data 下定义zh_CN
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值