import moment from 'moment'; import 'moment/locale/zh-cn';

moment.locale('zh-cn', { months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split(''), monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split(''), weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split(''), weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split(''), weekdaysMin: '日_一_二_三_四_五_六'.split('_'), longDateFormat: { LT: 'HH:mm', LTS: 'HH:mm:ss', L: 'YYYY/MM/DD', LL: 'YYYY年M月D日', LLL: 'YYYY年M月D日Ah点mm分', LLLL: 'YYYY年M月D日ddddAh点mm分', l: 'YYYY/M/D', ll: 'YYYY年M月D日', lll: 'YYYY年M月D日 HH:mm', llll: 'YYYY年M月D日dddd HH:mm' }, meridiemParse: /凌晨|早上|上午|中午|下午|晚上/, meridiemHour(hour, meridiem) { let h = hour; if (hour === 12) { h = 0; } if (meridiem === '凌晨' || meridiem === '早上' || meridiem === '上午') { return h; } if (meridiem === '下午' || meridiem === '晚上') { return h + 12; } // '中午' return h >= 11 ? h : h + 12; }, meridiem(hour, minute) { var hm = hour * 100 + minute; if (hm < 600) { return '凌晨'; } if (hm < 900) { return '早上'; } if (hm < 1130) { return '上午'; } if (hm < 1230) { return '中午'; } if (hm < 1800) { return '下午'; } return '晚上'; }, calendar: { sameDay: '[今天]LT', nextDay: '[明天]LT', nextWeek: '[下]ddddLT', lastDay: '[昨天]LT', lastWeek: '[上]ddddLT', sameElse: 'L' }, dayOfMonthOrdinalParse: /\d{1,2}(日|月|周)/, ordinal(number, period) { switch (period) { case 'd': case 'D': case 'DDD': return ${number}日; case 'M': return ${number}月; case 'w': case 'W': return ${number}周; default: return number; } }, relativeTime: { future: '%s内', past: '%s前', s: '几秒', ss: '%d 秒', m: '1 分钟', mm: '%d 分钟', h: '1 小时', hh: '%d 小时', d: '1 天', dd: '%d 天', M: '1 个月', MM: '%d 个月', y: '1 年', yy: '%d 年' }, week: { // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效 dow: 1, // Monday is the first day of the week. doy: 4 // The week that contains Jan 4th is the first week of the year. } });

转载于:https://juejin.im/post/5c9c66b8f265da60ee12f259

ant design DatePicker时间组件 本地中文 发布后变成英文相关推荐

  1. Ant Design中Form组件重置验证条件resetFields()方法

    Ant Design中Form组件重置验证条件resetFields()方法 需求, 实际完成时间(与任务生成日期联动,若任务生成日期选上,实际完成时间禁选) 却发现在验证完之后填写实际完成时间后任务 ...

  2. 标题Ant Design of Vue 组件库中Modal“确认“按钮和“取消“按钮成英文状态

    标题Ant Design of Vue 组件库中Modal"确认"按钮和"取消"按钮成英文状态 因为是国际化的原因,造成确定按钮和取消按钮变成英文,需要设置 o ...

  3. Ant Design Vue Table 组件合并单元格

    Ant Design Vue Table 组件合并单元格 项目开发中,有时候需要实现单元格合并的需求,这里记录一下在Ant Design Vue的实现. <template><div ...

  4. 基于React、Ant Design的ButtonGroup组件

    目录 介绍 使用方式 安装 使用 API Props children 介绍 本组件基于React.Ant Design,适用于React + Ant Design项目 本组件设计为超过一定数量的按钮 ...

  5. 2020年React Native使用Ant Design Mobile RN组件

    Ant Design Mobile RN是一个很优秀的React Native 界面库,可以帮助我们简单方便的开发出漂亮的界面.我在基于0.63版本使用的过程中遇到一些小波折,比如字体无法正常,各种红 ...

  6. 用vue实现类ant Design的日历组件

    前言 最近在对以前写的vue项目进行优化,并且进行了一些功能的完善,我写了一个周报系统,其中一个完善的功能就是,可以通过日历选择以往的周报.于是我着手ant Design的一些功能,自己实现了一个周报 ...

  7. 看完这篇不要告诉我不会封装ant design弹框组件了

    我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 获取前端学习知识 1设计需求 封装一个弹框组件 直接调用接口 2技术栈 ant design+react 设计第一步 绘制样式 < ...

  8. Ant Design 中覆盖组件样式

    使用场景: 比如ant design中的抽屉Drawer这个组件,由于组件库中的样式是给了padding为25px,但是我当前的需求是不需要padding,那么就需要写样式覆盖掉之前组件定义的样式. ...

  9. antd 日期选择框如何提交_基于Ant Design的Modal组件来实现一个可拖拽的React模态框...

    引言 写这篇文章的原因是因为在项目中用到了Antd Design的React组件,当有业务需求需要用到模态框的时候遇到了一些小问题,Antd的模态框Modal组件时不能拖拽的,一般情况下不可拖拽也没什 ...

最新文章

  1. List集合_介绍常用方法
  2. excel删除重复数据保留一条_VBA利用字典删除重复行,保留唯一值
  3. Android—设计模式原则及常见的设计模式
  4. mysql与oracle在软件测试_Oracle和MySQL的一些简单命令对比
  5. 数学建模7 多元线性回归分析
  6. python实现句子反转
  7. 47. 全排列 II
  8. win10计算机怎么拨号上网,win10拨号连接怎么创建 win10宽带拨号连接如何设置
  9. 计算机毕业设计java+SSM网上购物超市网站(源码+系统+mysql数据库+Lw文档)
  10. 鼠标右键没有新建选项怎么办
  11. Cyclone IV系列FPGA串口远程烧写详解
  12. Received empty response from Zabbix Agent at [agent]. Assuming that agent dropped connection because
  13. python批量拼接两个文件夹相同名字的图片
  14. 你真正的了解i++和++i吗?
  15. qt 5.13.2 在湖南麒麟下的运行报错解决方案
  16. linux与RMB的关系,linux mb()/rmb()/wmb()
  17. 【文献摘录】FaceRevelio: A Face Liveness Detection System forSmartphones with a Single Front Camera
  18. SQL 身份证获取性别
  19. 滚动条 实现的细节代码 SCROLLINFO
  20. 2017最新上海市居住证申领流程

热门文章

  1. win10系统优化---持续整理中
  2. python软著申请_软著申请注意事项放心选择
  3. 【VideoQA最新文献阅读】Open-Ended Multi-Modal Relational Reason for Video Question Answering
  4. “大自然的印钞机”农夫山泉如何借数藏冲破自己的“天花板”?
  5. 一级路由器 和 二级路由器 的关系
  6. java sort 降序_详解Java sort()数组排序(升序和降序)
  7. z-index ios失效
  8. 《活出生命的意义》读后感
  9. 问题描述:the jar file jrt-fs.jar has no source attachment
  10. linux 韦恩图两个,在线&在R中绘制韦恩图的几种方法 和 一些漂亮的venn图