在 Formik 组件中使用 react-datetime 保存数据的问题

阿德里安95999

我正在尝试将我的默认日期选择器更改为DateTime我正在使用 Formik,我知道这是自定义输入的问题。现在,当我保存更改时,表单正在保存,但使用当前日期,而不是我选择的日期。任何想法如何解决这一问题?我的代码(部分与日期选择器)现在:

<Datetime
    id="dateFrom"
    name="dateFrom"
    placeholder="Enter date"
    value={this.props.dateFrom}
    onChange={this.props.onChange}
    onBlur={this.props.onBlur}
    isInvalid={!!this.props.errors.dateFrom}
    readOnly={this.props.status !== ProjectStatus.InProgress}
 />

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

阿德里安95999

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

<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}
/>

和 formatDate 函数:

formatDate(momentDate) {        
    return moment(momentDate).format("YYYY-MM-DD");
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章