antd表单时间戳和单选框的使用

时间选择器

<Form.Item label="生日">
              {getFieldDecorator('birthday', {
                rules: [{ type: 'object', required: true, message: 'Please select time!' }],
              })(<DatePicker />)}
            </Form.Item>

//时间格式化(默认字符串,等其他格式或者需要格式化为时间戳)

formEl.current.validateFields((err, values) => {
      const value = {
        ...values,
        birthday: values['birthday'].format('YYYY-MM-DD'),
      };

单选框Radio

<Form.Item className="collection-create-form_last-form-item">
              {getFieldDecorator(
                'sex',
                {}
              )(
                <Radio.Group>
                  <Radio value="">男</Radio>
                  <Radio value="">女</Radio>
                </Radio.Group>
              )}
            </Form.Item>

//只需设置默认值就可以在表单显示默认选中的 男 或者 女

setInitValue

posted @ 2022-06-27 13:56  SimoonJia  阅读(260)  评论(0编辑  收藏  举报