Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Formik组件中使用react datetime保存数据时出现问题_Javascript_Reactjs_Datetimepicker_Formik - Fatal编程技术网

Javascript 在Formik组件中使用react datetime保存数据时出现问题

Javascript 在Formik组件中使用react datetime保存数据时出现问题,javascript,reactjs,datetimepicker,formik,Javascript,Reactjs,Datetimepicker,Formik,我正在尝试将默认日期选择器更改为。我使用的是Formik,我知道这是自定义输入的问题。现在,当我保存更改时,表单将被保存,但使用当前日期,而不是我选择的日期。有没有办法解决这个问题?我的代码(与datepicker一起使用)现在: 以前的值是this.props.dateFrom,因为编辑现有条目时会显示相同的组件。我在做研究,尝试不同的方法,并向其他开发人员寻求帮助。我提出了这个解决方案,对我来说很有效: <Datetime id="dateFrom" name="d

我正在尝试将默认日期选择器更改为。我使用的是Formik,我知道这是自定义输入的问题。现在,当我保存更改时,表单将被保存,但使用当前日期,而不是我选择的日期。有没有办法解决这个问题?我的代码(与datepicker一起使用)现在:



以前的值是this.props.dateFrom,因为编辑现有条目时会显示相同的组件。

我在做研究,尝试不同的方法,并向其他开发人员寻求帮助。我提出了这个解决方案,对我来说很有效:

<Datetime
    id="dateFrom"
    name="dateFrom"
    placeholder="Enter date"
    value={this.props.dateFrom}
    onChange={(dateFromValue) => {this.props.setFieldValue('dateFrom', this.formatDate(dateFromValue))}}
    onBlur={this.props.onBlur}
    isInvalid={!!this.props.errors.dateFrom}
    readOnly={this.props.status !== ProjectStatus.InProgress}
/>

我在做研究,尝试不同的方法,并寻求其他开发人员的帮助。我提出了这个解决方案,对我来说很有效:

<Datetime
    id="dateFrom"
    name="dateFrom"
    placeholder="Enter date"
    value={this.props.dateFrom}
    onChange={(dateFromValue) => {this.props.setFieldValue('dateFrom', this.formatDate(dateFromValue))}}
    onBlur={this.props.onBlur}
    isInvalid={!!this.props.errors.dateFrom}
    readOnly={this.props.status !== ProjectStatus.InProgress}
/>

我在
render
像这样

<Field
    name="time"
    render={({field,form:{isSubmitting}})=>(
        <Datetime onChange={time=>{setFieldValue('time',time.format('YYYY-MM-DD'))}}/>
    )}
/>
(
{setFieldValue('time',time.format('YYYY-MM-DD'))}/>
)}
/>

我在
render
像这样

<Field
    name="time"
    render={({field,form:{isSubmitting}})=>(
        <Datetime onChange={time=>{setFieldValue('time',time.format('YYYY-MM-DD'))}}/>
    )}
/>
(
{setFieldValue('time',time.format('YYYY-MM-DD'))}/>
)}
/>