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

Question

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

目前星期格式是 dd。例如。 Su、Mo、Tu 等

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

Answer 1

不支持直接在 ant design 组件上更改，但是 Ant Design 底层使用的是 moment，它使用的是 locale.weekdaysMin，因此您可以导入 moment 并更改它们：

import moment from 'moment'

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

Answer 2

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

 const dateFormat = 'DDD/MM/YYYY';

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

  <DatePicker format = {dateFormat} />

另一种方法是呈现日期选择器的每个单元格，以自定义形式放置数字：

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

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

Ant Design Calendar: How to Change the Day of Week Format

reactjs

calendar

format

locale

antd