Question

我使用此库作为反应时间选择器：https://github.com/YouCanBookMe/react-datetime 但现在我有两个问题。

时间选择器中的时间（Am，Pm，HH：mm）不起作用，因为它没有改变，它仍然保持到上午12：00
如何正确更新状态？因为如果我处理onChange（输入手动写入），它会收到字符串，我无法解析，这是无效的日期。

我的代码是：

import DateTime from 'react-datetime';
var moment = require('moment');
handleChangeDate(propertyName, date) {
    const event = Object.assign({}, this.state.event);
    if (typeof date === 'string') {
        date = moment(date);
    }
    event[propertyName] = data.format('DD/MM/YYYY HH:mm');
    this.setState({ event: event });
}

在Render（）中我有一个组成部分：

<DateTime dateFormat={"dddd, MMM. Do YYYY, HH:mm (hh:mm a)"} value={this.state.event.to} onChange={this.handleChangeDate.bind(this, 'to')}/>

有什么问题？

Answer 1

检查以下链接。自定义日历将解决您的问题。

https://github.com/YouCanBookMe/react-datetime#customize-the-appearance

在日历中选择日期后，点击日期。它将显示时间的编辑选项。

Example Link

https://codepen.io/simeg/pen/YppLmO

试试吧

react-datetime-YouCanBookMe错误时间和更新状态

1 个答案: