0

in my website I have use the jQuery complement called datepicker for representing a calendar. To the datepicker I want to represent date events with some colours dots.

Researching I have found a jQuery plugin that simulates what I need. My problem is that I don't know how to integrate that plugin to my code and to my datepicker.

https://www.jqueryscript.net/time-clock/event-calendar-evo.html

My datepicker.

$('#datepickerSessions').datepicker({
                            dateFormat: 'dd/mm/yy',
                            numberOfMonths: 1,
                            minDate: minDate,//per evitar que mostri mesos passats
                            inline: true,
                            firstDay: 1});

Event plugin

<div id="evoCalendar"></div>
myEvents = [
  { name: "New Year", date: "Wed Jan 01 2020 00:00:00 GMT-0800 (Pacific Standard Time)", type: "holiday", everyYear: true },
  { name: "Valentine's Day", date: "Fri Feb 14 2020 00:00:00 GMT-0800 (Pacific Standard Time)", type: "holiday", everyYear: true },
  { name: "Birthday", date: "February/3/2020", type: "birthday" },
  { name: "Author's Birthday", date: "February/15/2020", type: "birthday", everyYear: true },
  { name: "Holiday", date: "February/15/2020", type: "event" },
],
$('#evoCalendar').evoCalendar({
  calendarEvents: myEvents
});
$("#evoCalendar").evoCalendar('addCalendarEvent', [
  {
   name: "NEW EVENT",
   date: "February/16/2020",
   type: "birthday",
   everyYear: true
  }
]);
proera
  • 123
  • 1
  • 3
  • 14

0 Answers0