2017-02-08 29 views
1

我有事件的數組被送到反應,大日曆中的日期如何使用startAccessor指定的陣營,大日曆

它們具有以下格式:

{ "_id": "9Hfiz8C3tztP5LauA", 
    "name": "This is a test event", 
    "description": "Testing 123", 
    "calendar": "LwnaRAuJ6n9xmxhGj", 
    "clientData": [ 
    { 
     "clientId": "dSE84s8qQDHNzAFDt", 
     "date": "2017-02-23T12:00:00.000Z" 
    } 
    ] 
} 

我想react-big-calendar使用event.clientData.date作爲每個事件顯示的日期。

當前日曆呈現空白。

從閱讀文檔看來,我需要使用startAccessor prop來達到這個目的。我試過以下內容:

<BigCalendar 
    selectable 
    events={events} 
    startAccessor={this.getEventDate} 
/> 


getEventDate() { 
    return moment(this.props.events.clientData.date); 
} 

這是行不通的(我沒想到會這樣)。如果有人可以幫助它,將不勝感激!

回答

0

我設法解決它

這裏是我工作:

<BigCalendar 
    events={this.props.events} 
    startAccessor={(event) => { return moment(event.clientData[0].date) }} 
    endAccessor={(event) => { return moment(event.clientData[0].date) }} 
/>