1

我将这个库用于反应时间选择器:https ://github.com/YouCanBookMe/react-datetime 但现在我有 2 个问题。

  1. timepicker 中的时间 (Am, Pm, HH:mm) 不起作用,因为它没有改变,它保持到 12 : 00 AM
  2. 如何正确更新状态?因为如果我处理 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() 我有compoment:

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

怎么了?

4

1 回答 1

0

检查下面的链接。定制日历将解决您的问题。

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

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

Example Link

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

让它试试

于 2017-07-13T09:25:41.243 回答