Ant Design 日历：如何更改星期几格式答案

【问题标题】：Ant Design Calendar: How to Change the Day of Week FormatAnt Design 日历：如何更改星期几格式
【发布时间】：2020-03-22 23:20:25
【问题描述】：

我在我的项目中使用Ant Design Calendar Component，我的设置如下：

当前星期格式为dd。例如。 Su、Mo、Tu等

是否可以通过道具将格式更改为ddd。例如。 Sun、Mon、Tue等？

【问题讨论】：

看看这个，它可能对你有帮助。 stackoverflow.com/a/58570581/5124488

标签： reactjs calendar format locale antd

【解决方案1】：

不支持直接在 ant 设计组件上进行更改，但是幕后的 Ant Design 使用的是 moment，它使用的是 locale.weekdaysMin，因此您可以导入 moment 并更改它们：

import moment from 'moment'

moment.updateLocale('en', {
  weekdaysMin : ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
});

【讨论】：

这不是最佳实践，因为它会全局更改时刻配置。你可以使用一些不那么直接的css。

【解决方案2】：

您必须首先使用变量设置格式：

 const dateFormat = 'DDD/MM/YYYY';

然后在 DatePicker 中指出您将使用自定义格式：

  <DatePicker format = {dateFormat} />

另一种方法是渲染 Datepicker 的每个单元格，并以自定义形式放置数字：

 <DatePicker
     format = {dateFormat}
     dateRender = {(current) => {
         const num = (current.toString().length < 2) ? "0" + current : current)
         return (
            {num}
         )
     }}
 />

【讨论】：