我在我的项目中使用Ant Design Calendar 组件，并按如下方式设置它：
目前的星期几格式是dd. 例如。Su，Mo，Tu，等。
是否可以通过 props 将格式更改为ddd. 例如。Sun，Mon，Tue，等？
Ant Design Calendar：如何更改星期几格式
IT技术
reactjs
calendar
format
locale
antd
2021-05-14 09:08:48
2个回答
不支持直接在 ant design 组件上更改它，但 Ant Design 正在使用momentwhich is using locale.weekdaysMin，因此您可以导入moment和更改它们：
import moment from 'moment'
moment.updateLocale('en', {
weekdaysMin : ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
});
您必须首先使用变量设置格式：
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}
)
}}
/>