开始时间大日历反应答案

【问题标题】：start time big calendar react开始时间大日历反应
【发布时间】：2016-11-15 21:13:18
【问题描述】：

我正在使用这个设置来响应大日历

render() {
  return (
   <div>
     <BigCalendar
       selectable
       step={3}
       timeslots={10}
       events={eventsE}
       defaultView='week'
       onSelectEvent={event => this.onSelectEventDate(event)}
       onSelectSlot={(slotInfo) => this.onSelectSlotDate(slotInfo) }
    />
  </div>
);

我正在使用这个插件http://intljusticemission.github.io/react-big-calendar/examples/index.html

但开始时间始终是凌晨 12 点我怎样才能更改为仅在早上 8 点开始...并且不要浪费时间段。

提前致谢卡洛斯·维埃拉

【问题讨论】：

标签： reactjs calendar

【解决方案1】：

很久没有回复了。但是你必须在状态和使用后设置今天的日期


// For react-big-calendar: "^0.27.0",

// declare 'today' inside your component
const today = new Date();

// start time 8:00am
    min={
      new Date(
        today.getFullYear(), 
        today.getMonth(), 
        today.getDate(), 
        8
      )
    }
// end time 5:00pm
   max={
     new Date(
       today.getFullYear(), 
       today.getMonth(), 
       today.getDate(), 
       17
     )
   }

【讨论】：

它适用于开始时间，但是，您如何设置结束时间，因为在此更改之后，中午 12 点到早上 8 点之间的时间将消失。

【解决方案2】：

您需要将 'date' 属性设置为您的请求日期：

    render() {
  return (
   <div>
     <BigCalendar
       selectable
       step={3}
       date={new Date(Date.now())}
       timeslots={10}
       events={eventsE}
       defaultView='week'
       onSelectEvent={event => this.onSelectEventDate(event)}
       onSelectSlot={(slotInfo) => this.onSelectSlotDate(slotInfo) }
    />
  </div>
);

你可以使用的另一个道具是'defaultDate'。

【讨论】：