[SOLVED] [V3] Event dots do not appear


#1

With calendar version 1.x, I added events I used:

calendarInline.params.events=eventos; // eventos is an array with dates

And now with version 3.4.0, using:

calendarInline.events = eventos; // eventos is an array with dates

The calendar does not show the dots:

If I do this:

app.dialog.alert(calendarInline.events);

The events are in the calendar, but no dots apear. I try calendarInline.update(); but it does not work either.

What am I doing wrong?


#2

If i do this:

var calendarInline=app.calendar.create({
      containerEl: '#calendar-agenda',
      value: [new Date()],
      events: [ {date:new Date(2018,9,14)},{date:new Date(2018,9,16)}],
      weekHeader: false,
      renderToolbar: function () {
        return '<div class="toolbar calendar-custom-toolbar no-shadow">' +
          '<div class="toolbar-inner">' +
            '<div class="left">' +
              '<a href="#" class="link icon-only"><i class="icon icon-back ' + (app.theme === 'md' ? 'color-black' : '') + '"></i></a>' +
            '</div>' +
            '<div class="center"></div>' +
            '<div class="right">' +
              '<a href="#" class="link icon-only"><i class="icon icon-forward ' + (app.theme === 'md' ? 'color-black' : '') + '"></i></a>' +
            '</div>' +
          '</div>' +
        '</div>';
      },

      on: {
        init: function (c) {
          $$('.calendar-custom-toolbar .center').text(monthNames[c.currentMonth] +', ' + c.currentYear);
          $$('.calendar-custom-toolbar .left .link').on('click', function () {
            calendarInline.prevMonth();
          });
          $$('.calendar-custom-toolbar .right .link').on('click', function () {
            calendarInline.nextMonth();
          });

            
        },
        monthYearChangeStart: function (c) {
          $$('.calendar-custom-toolbar .center').text(monthNames[c.currentMonth] +', ' + c.currentYear);
        },

        
      }
});

Calendar show both dots!!

But if i delete line “events:,” and if I put this after calendar create:

calendarInline.events=[ {date:new Date(2018,9,14)},{date:new Date(2018,9,16)}];
calendarInline.update();

No dots are showed!!


#3

must be

calendarInline.params.events=

#4

Thanks Vladimir!! I do not know where I had read that in this version the events were called directly. It works now.


#5

Thank you so much for this. I was into this issue and tired to tinker around to check if its possible but couldnt get it done. Now that i have seen the way you did it, thanks guys
with
regards
https://akinator.ooo/ https://xender.vip/ https://kik.onl/