Reactjs react datepicker无法设置加载时的默认值

Reactjs react datepicker无法设置加载时的默认值,reactjs,datepicker,Reactjs,Datepicker,datepicker在我的Meteor/React应用程序中,我找不到一种方法来设置/更新状态以从道具加载默认值 import DatePicker from "react-datepicker"; export default class AddDate extends React.Component { constructor(props) { super(props); this.state = { startDate:

datepicker在我的Meteor/React应用程序中,我找不到一种方法来设置/更新状态以从道具加载默认值

import DatePicker from "react-datepicker";

export default class AddDate extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            startDate: this.props.start.format('MM/DD/YYYY')
        };
    }

    handleStartDate(date) {
        this.setState({ 
            startDate: date
        });
    }

    render() {
        return (
        <DatePicker
            selected={this.state.startDate}
            onChange={this.handleStartDate.bind(this)} 
            className="form-control" 
            id="startDate"
            todayButton={"Get Today's Date"} />
        );
    }
}

AddDate.propTypes = {
  start: PropTypes.object.isRequired,
};
从“反应日期选择器”导入日期选择器;
导出默认类AddDate扩展React.Component{
建造师(道具){
超级(道具);
此.state={
startDate:this.props.start.format('MM/DD/YYYY'))
};
}
handleStartDate(日期){
这个.setState({
开始日期:日期
});
}
render(){
返回(
);
}
}
AddDate.propTypes={
开始:PropTypes.object.isRequired,
};
最初,道具来自Fullcalendar“select”事件,该事件提供(开始、结束)


我得到的错误是:“uncaughttypeerror:t.date.clone不是函数”

startDate
属性,不是字符串。无需
format()
it

从“时刻”导入时刻;
// ...
此.state={
开始日期:时刻(这个。道具。开始),
};

谢谢Fabian。现在,当我单击输入字段时,它会给出“未捕获类型错误:mom.clone(…).stripZone不是函数”,并且不会打开弹出的日期选择器。从这里很难找到问题。您可以通过将
start
道具记录到控制台来检查它是否是力矩对象吗?如果没有,可以尝试
startDate:moment(this.props.start)
。您建议的两件事都是正确的,问题已经解决。谢谢,很高兴我能帮忙。如果我的答案解决了您的问题,请单击大复选框接受它作为答案。