是的，Formik 没有 Datepicker 值

如何解决是的，Formik 没有 Datepicker 值

我一直在尽一切努力使此表单与 yup 一起使用，但是在使用日期选择器时，该值不会在字段内或与 yup 一起注册。 我的相关导入是 formik、yup、useForm 和 yupResolver。

我删除了不相关的代码以节省空间。我拥有的其他字段是名字、姓氏、电子邮件和电话号码，它们都可以正常工作，当它们不符合条件时，会注册值并显示错误。

我有一个带有 formik 元素的控制台日志，它记录了所有的值，所有的值都得到了正确的记录，除了日期，它是空的。

const Form = () => {
    const [fromDate,setFromDate] = useState(new Date());

    return (
        <>
            <div>
                <Formik validationSchema={formVal}>
                    {({ values,errors) => ( 
                        <form onSubmit={handleSubmit(onSubmit)}>
                            <div>
                                <DatePicker
                                    id="fromDate"
                                    onChange={(date) => {
                                        setFieldValue(date);
                                    }}
                                />
                            </div>
                            <Button type="submit" ></Button>
                        </form>
                )}
                </Formik>
            </div>
        </>
    )}

解决方法

您似乎没有正确使用“setFieldValue”； 第一个参数应该是表单的字段名称。

应该是这样的： setFieldValue('fromDate',date); 请参阅 https://formik.org/docs/api/formik 以供参考。

此外，请确保变量“date”的类型为 Date 而不是包含实际日期值的对象。