Угловой нг fullcalendar Персонализация для угловых 5 - PullRequest
Новая
       24

Угловой нг fullcalendar Персонализация для угловых 5

0 голосов
/ 26 июня 2018

Я интегрирую полный календарь в свой проект, который отображается ниже на экране. Вид календаря

Ниже приведен код моего файла .ts. 

 export class OfcalendarComponent implements OnInit {
   calendarOptions: Options;
   displayEvent: any;
   @ViewChild(CalendarComponent) ucCalendar: CalendarComponent;
   constructor() { }

   ngOnInit() {
   this.calendarOptions = {
    editable: true,
    eventLimit: false,
    header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month'
  },
  selectable: true,
  events: [
    {
      title  : 'event1',
      start  : '2018-06-08',
      rendering: 'background'
    }

   ],
 };
}

Теперь я хочу добавить событие щелчка, чтобы выбрать несколько дат и назначить событие для выбранной даты, нов полной календарной документации они предоставили все методы jquery.Кто-нибудь помогает мне, как я могу интегрировать в угловой проект в .ts файл?

1 Ответ

0 голосов
/ 18 марта 2019

Вы можете вызвать функцию ts, когда в полном календаре выбрано несколько дат, а затем вы можете делать свои вещи. 

this.calendarOptions = {
    editable: true,
    eventLimit: false,
    selectable: true,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay,listMonth'
    },
    events: data
  };
  
    eventSelect(event){
     console.log(event.start,event.end);
      }
    <ng-fullcalendar #ucCalendar [options]="calendarOptions" 
        (select)="eventSelect($event.detail)"
        ></ng-fullcalendar>
...