Блог

Главная - Вопросы по программированию - Остановить отбрасывание событий в предыдущие даты fullcalendar react

Остановить отбрасывание событий в предыдущие даты fullcalendar react

#reactjs #fullcalendar

#reactjs #полный календарь

Вопрос:

Я работаю над проектом react и использую полный календарь версии react, и я хочу остановить отбрасывание событий в предыдущие даты, как я могу это сделать?

 <FullCalendar
  ref={this.calendarRef}
  plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
  headerToolbar={{
    left: 'prev,next today',
    center: 'title',
    right: 'dayGridMonth,timeGridWeek,timeGridDay'
  }}
  initialView='dayGridMonth'
  editable={true}
  selectable={true}
  selectMirror={true}
  dayMaxEvents={true}
  weekends={this.state.weekendsVisible}
  initialEvents={this.state.events}
  select={this.dateSelectHandle}
  eventContent={renderEventContent} // custom render function
  eventClick={(event) => this.handleEventClick(event)}
  validRange={start: new Date()}
  eventsSet={this.handleEvents} // called after events are initialized/added/changed/removed
/>

Ответ №1:

Вы можете использовать visibleRange и validRange для полного календаря, чтобы позволить пользователю выбирать дату в пределах диапазона, таким образом, пользователь не сможет выбрать предыдущую дату.

Комментарии:

1. Спасибо за ваш ответ, но как я могу использовать в react?

2. Да, вы можете использовать его в react

3. @VarinderSohal используйте его так же, как и другие параметры обратного вызова, которые вы указали (например, eventsSet, select и т.д.)

4. @VarinderSohal почему, с каким именно битом вы застряли? Документация содержит примеры для кода validRange, а в вашем собственном коде выше приведены примеры того, как задать параметр для запуска функции. Что вы пробовали, и что пошло не так до сих пор?

5. @MuhammadAsad У меня есть еще один запрос. Я использовал перед validRange в соответствии с вашей рекомендацией, но он также скрывает предыдущие даты и события. Я хочу показать события предыдущих дат, но мне не разрешено перетаскивать эти даты. как я могу это сделать?