Как отключить кнопку prev в FullCalendar из Angular 7 типов сценария - PullRequest
Новая
       10

Как отключить кнопку prev в FullCalendar из Angular 7 типов сценария

0 голосов
/ 20 апреля 2020

Я застрял на этом, я хочу отключить предыдущую кнопку в FullCalendar, если я go 2 месяца назад.

Ну, это апрель, так что если я go до февраля после этого пред Кнопка должна быть отключена. Я внедрил FullCalendar, но не могу реализовать это, поскольку все решения до сих пор были в JQuery.

Пожалуйста, сообщите мне, как я реализовал его впервые.

1 Ответ

0 голосов
/ 20 апреля 2020

FullCalendar имеет свойство validRange, которое принимает диапазон дат в следующем формате: 

{
  start: '2017-05-01',
  end: '2017-06-01'
}

Затем вы можете использовать функцию toLocaleDateString() с локалью fr-CA, который возвращает дату в желаемом формате yyyy-MM-dd. Попробуйте следующий

Шаблон 

<full-calendar
  #calendar
  defaultView="dayGridMonth"
  [header]="{
    left: 'prev,next today',
    center: 'title',
    right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
  }"
  eventLimit="true"
  [validRange]="validRange"
  [plugins]="calendarPlugins"
  [weekends]="calendarWeekends"
  [events]="calendarEvents"
  (dateClick)="handleDateClick($event)"
  (eventClick)="eventClicked($event)"
></full-calendar>

Контроллер 

export class AppComponent implements OnInit {
  validRange = { start: '', end: '' };
  .
  .
  ngOnInit() {
    let startDate =  new Date();
    startDate.setMonth(startDate.getMonth() - 2);  // <-- adjust number of months here
    this.validRange.start = startDate.toLocaleDateString("fr-CA");
  }
}

Рабочий пример: Stackblitz

...