Fullcalendar Primeng Component

Asked

Viewed 158 times

0

Good morning!

I’m trying to insert the Fullcalendar component of Primeng into a project I’m doing. I followed the documentation, according to the Primeng website, but the calendar is not correct (according to image). Anyone who has ever worked with this component would be able to tell if they need anything else?

inserir a descrição da imagem aqui

Below is the Typescript code, following the as it is in the documentation.

this.events = [
  {
    'title': 'All Day Event',
    'start': '2019-04-01'
  },
  {
    'title': 'Long Event',
    'start': '2019-04-07',
    'end': '2019-04-10'
  },
  {
    'title': 'Repeating Event',
    'start': '2019-04-09T16:00:00'
  },
  {
    'title': 'Repeating Event',
    'start': '2019-04-16T16:00:00'
  },
  {
    'title': 'Conference',
    'start': '2019-04-11',
    'end': '2019-04-13'
  }
];

this.options = {
  defaultDate: '2019-04-01',
  header: {
    left: 'prev,next',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
  }
};

Below the HTML code

   <p-fullCalendar [events]="events" [options]="options"></p-fullCalendar>
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.