저는 처음 ant-design-pro
이며 팀원이보다 효율적으로 작업 할 수 있도록 샘플 프로젝트를 작성하고 있습니다.
지금은 내가에서 사용자 지정 형식 주 값을 얻을 수없는, 문제에 직면 WeekPicker
A의 Form
의의 주 값이 Query String Parameters
되어 week: "2019-12-11T08:45:42.884Z"
있어야하는 YYYYw
같은 형식을 week: 201950
.
양식을 정의한 방법은 다음과 같습니다.
...
<Form onSubmit={this.handleSearch} layout="inline">
...
<FormItem label="">
{getFieldDecorator('week')(<WeekPicker placeholder="周" format={'YYYYw'} />)}
</FormItem>
...
</Form>
...
다음은 기능 코드입니다.
handleSearch = (e: React.FormEvent) => {
e.preventDefault();
const { dispatch, form } = this.props;
form.validateFields((err, fieldsValue) => {
if (err) return;
const values = {
...fieldsValue,
}
...
dispatch({
type: 'listAndtableList/fetch',
payload: values,
});
});
}
양식은 각 필드 값을 자동으로 가져오고에서 형식을 정의한 것을 알지 못했습니다 WeekPicker
. 누구든지 도울 수 있습니까?
어떤 회사가 개발했는지 Ant Financial의 엔지니어에게 물었더니 ant-design-pro
답을 얻었습니다.
WeekPicker
항상 moment
객체를 입력 또는 출력 합니다. 시간대 문제가있을 수 있으므로 형식을 설정 했더라도 직접 처리해야합니다.
해결책은 다음과 같습니다.
form.validateFields((err, fieldsValue) => {
if (err) return;
const weekMoment = fieldsValue['week'];
const week = weekMoment.format('YYYYw');
...
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다