在官网拿来的DatePicker的显示如下
如何让这个组件从Mon开始显示
//导入需要的模块
import locale from 'antd/lib/date-picker/locale/en_US';
//函数组件中的代码
useEffect(()=>{
moment.updateLocale('en', {
week: {
dow: 7
},
weekdaysMin: 'Mon_Tue_Wen_Thr_Fri_Sat_Sun'.split('_')
});
},[]);
//DatePicker代码
<DatePicker
picker="week"
style={{ width: '200px' }}
locale={locale}
/>
效果图
如果需要从汉字周一开始呢?
//中文显示的模块
import locale from 'antd/es/date-picker/locale/zh_CN';
useEffect(()=>{
moment.updateLocale('zh-cn', {
week: {
dow: 7
},
weekdaysMin: '周一_周二_周三_周四_周五_周六_周日'.split('_')
});
},[])
<DatePicker
picker="week"
style={{ width: '200px' }}
locale={locale}
defaultValue={moment(today)}
/>
效果图: