我目前正在使用 antd 的 DatePicker 组件来显示日期，但无法自定义输入格式和显示格式。
例如：用户将日期输入为 mmddyy (112119) 格式，datePicker 应将日期显示为 2019-11-21。
请通过将值设置为 datePicker 来找到我尝试过的沙箱链接，但它被格式属性覆盖了
使用自定义格式对 Antd DatePicker 进行响应以进行输入和显示
IT技术
javascript
reactjs
datepicker
antd
2021-05-07 07:28:14
1个回答
检查onOpenChange事件并更改formatprops可以做到这一点。
class DateInput extends React.Component {
state = { isOpen: false };
render() {
return (
<DatePicker
onChange={onChange}
format={this.state.isOpen ? "MMDDYYYY" : "YYYY-MM-DD"}
onOpenChange={status => {
this.setState({ isOpen: status });
}}
/>
);
}
}