react-datepicker schlägt fehl Default-Wert zu laden

Question

datepicker in meiner Meteor/React App und ich kann keine Möglichkeit zum Setzen/Update-Zustand finden, um den Standardwert von den Requisiten geladen werden.

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, 
}; 

Zunächst kommen die Requisiten aus dem Fullcalendar "wählen Sie" Ereignis, das (Start, Ende) zur Verfügung stellt.

Der Fehler, den ich bekommen ist: "Nicht abgefangene Typeerror: t.date.clone ist keine Funktion"

Answer 1

Die startDate prop should be a (moment) object, kein String. Keine Notwendigkeit, format() es.

import moment from "moment"; 

// ... 

this.state = { 
    startDate: moment(this.props.start), 
};