Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/10.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
Reactjs react datetime您可以预订错误时间和更新状态_Reactjs_Datetime_React Datetime - Fatal编程技术网

Reactjs react datetime您可以预订错误时间和更新状态

Reactjs react datetime您可以预订错误时间和更新状态,reactjs,datetime,react-datetime,Reactjs,Datetime,React Datetime,我正在使用此库作为反应时间选择器: 但现在我有两个问题 timepicker中的时间(Am、Pm、HH:mm)不起作用,因为它不会改变,而是保持在凌晨12:00 如何正确更新状态?因为若我处理onChange(输入手动写入),它会收到我无法解析的字符串,并且它是无效的日期 我的代码是: import DateTime from 'react-datetime'; var moment = require('moment'); handleChangeDate(propertyName, date

我正在使用此库作为反应时间选择器: 但现在我有两个问题

  • timepicker中的时间(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')}/>
    
    
    
    怎么了?

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

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

    Example Link
    

    让它试试下面的链接。 定制日历将解决您的问题

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

    Example Link
    


    让它试试

    第一个错误已解决。我必须使用defaultValue={}而不是value={}第一个错误被解决。我必须使用defaultValue={},而不是value={}