输入类型=日期未显示初始化值

时间:2019-04-11 16:28:17

标签: reactjs formik

我已使用FormIk提交和验证数据。当我在表单中使用Input类型的date作为出生日期时,验证和所有其他功能都可以正常工作。我想显示今天的日期,它以某种方式绑定在后端,因为它没有发出问题,但是我看不到日期,只显示了dd-MMM-YYYY

我已使用Yup显示默认值,但仍然无法正常工作。 我已经过了新的模特日期:

 const max = new Date();
this.state = {
      model: {
        email: "",
        password: "",
        address: "",
        gender: "",
        dateOfBirth: max,
        firstName: "",
        lastName: "",
        careerInterests: []
      }
    };
<Formik
          enableReinitialize
          initialValues={model}>
          {props => {
            const {
              values,
              touched,
              errors,
              setFieldValue,
              setFieldTouched,
              handleSubmit
            } = props;
            return (
              <Form onSubmit={handleSubmit}>
 <Field
                      value={values.dateOfBirth}
                      onChange={e => {
                        setFieldValue("dateOfBirth", e.target.value);
                      }}
                      type="date"
                      name="dateOfBirth"
                      placeholder="Enter date of birth"
                      className="form-control"
                    />
                    <ErrorMessage
                      className="help-block"
                      name="dateOfBirth"
                      component="div"
                    />
</Form>
            );
          }}
        </Formik>

值在模型中,但未在前端显示,如果任何人都可以制作任何示例或样本。将会很有帮助

0 个答案:

没有答案