reactjs - 提交时如何从表单中的 WeekPicker 获取自定义周值

Question

我是新手ant-design-pro，我正在编写一个示例项目来帮助我的队友提高效率。

现在我遇到了一个问题，我无法从 aWeekPicker中的 a 中获取自定义格式周值Form，其中的周值应该是Query String Parameters格式，例如.week: "2019-12-11T08:45:42.884Z"YYYYwweek: 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，有人可以帮忙吗？

Answer 1

我问了蚂蚁金服的工程师是哪家公司开发ant-design-pro的，得到了​​答案。

WeekPicker总是输入或输出一个moment对象，因为可能存在时区问题，所以我们需要自己处理它，尽管我们已经在其中设置了格式。

这是解决方案：

form.validateFields((err, fieldsValue) => {
      if (err) return;

      const weekMoment = fieldsValue['week'];
      const week = weekMoment.format('YYYYw');
      ...
});