其他分享
首页 > 其他分享> > antd表单时间戳和单选框的使用

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

标签:格式化,getFieldDecorator,单选框,表单,birthday,values,antd
来源: https://www.cnblogs.com/Jarsmine/p/16415869.html