Calendar event is shown 1 month later

Questions
1

Hi, I created a calendar with a hardcoded event on the Nov. 24th, 2020:

this.$f7.calendar.create({
    inputEl: '#calendar-addFlight-date',
    dateFormat: { 
      weekday: 'short',
      month: 'long', 
      day: '2-digit', 
      year: 'numeric'
    },
    closeOnSelect: true,
    value: [new Date()],
    maxDate: new Date(),
    direction: 'vertical',
    events: [
      {
        date: new Date(2020, 11, 24),
        color: 'red',
      },
    ],

But, somehow the event on the calendar is shown at Dec. 24th, 2020 (one moth later):

image
image824×936 47.4 KB

image
image826×684 38.5 KB

Have I overlooked something?

2

11 is december, months start at 0 in javascript

2 Likes