时间戳

首页 > 解决方案 > 我如何在反应全日历中设置自己的周末？

reactjs - 我如何在反应全日历中设置自己的周末？

问题描述

我如何在全日历中设置自己的周末。我想将周末设置为周六，但默认情况下是周日和周六。我该如何定制它？

return (
  <div className="App">
    <FullCalendar
      plugins={[dayGridPlugin, listPlugin, interactionPlugin]}
      initialView="dayGridMonth"
      // events={event}
      events={event}
      daysOfWeek={(0, 1)}
      DayGrid={true}
      TimeGrid={true}
      selectMirror={true}
      dayMaxEvents={true}
      headerToolbar={{
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,dayGridWeek,dayGridDay,listWeek',
      }}
      dayClick={(e) => handleDateClick}
      eventAdd={handleDateClick}
      editable={true}
      droppable={true}
    />

标签： reactjsfullcalendar

解决方案

我认为这就是你想要的道具： https ://fullcalendar.io/docs/hiddenDays

return (
  <div className="App">
    <FullCalendar
      plugins={[dayGridPlugin, listPlugin, interactionPlugin]}
      initialView="dayGridMonth"
      // events={event}
      hiddenDays={[6]}
      events={event}
      daysOfWeek={(0, 1)}
      DayGrid={true}
      TimeGrid={true}
      selectMirror={true}
      dayMaxEvents={true}
      daysHidden={[6]}
      headerToolbar={{
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,dayGridWeek,dayGridDay,listWeek',
      }}
      dayClick={(e) => handleDateClick}
      eventAdd={handleDateClick}
      editable={true}
      droppable={true}
    />

推荐阅读