Необходимо отображать события в виде точек в jquery электронном календаре js - PullRequest
0 голосов
/ 12 января 2020

Я работаю с jquery e-calendar, и мне нужно показывать точки как событие в определенные даты. Условие похоже на необходимость показывать максимум три точки

  • Если есть одно событие, необходимо показать одну точку.
  • Если есть два события, необходимо показать два точки.
  • При наличии трех событий необходимо отобразить три точки.
  • При наличии четырех событий необходимо отобразить три точки.

Вот мой код. ..

$(document).ready(function() {
  $('#calendar').eCalendar({
    weekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    textArrows: {
      previous: '<',
      next: '>'
    },
    eventTitle: 'Events',
    url: '',
    // date formate year month date 
    // time formate HH:MM:SS
    events: [{
        title: 'Event 1',
        description: 'Description 1',
        datetime: new Date()
      },
      {
        title: 'Event 2',
        description: 'Description 2',
        datetime: new Date("2020-03-25 04:00:00")
      },
      {
        title: 'Event 3',
        description: 'Description 3',
        datetime: new Date("2020-01-25 05:00:00")
      },
      {
        title: 'Event 4',
        description: 'Description 4',
        datetime: new Date("2020-01-25 06:00:00")
      },
      {
        title: 'Event 5',
        description: 'Description 5',
        datetime: new Date("2020-01-25 07:00:00")
      },
      {
        title: 'Event 6',
        description: 'Description 6',
        datetime: new Date("2020-01-25 08:00:00")
      },
      {
        title: 'Event 7',
        description: 'Description 7',
        datetime: new Date("2020-01-25 09:00:00")
      },
    ]
  });
});
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Create-A-Simple-Event-Calendar-with-jQuery-e-calendar/js/jquery.e-calendar.js"></script>
<link href="https://www.jqueryscript.net/demo/Create-A-Simple-Event-Calendar-with-jQuery-e-calendar/css/jquery.e-calendar.css" rel="stylesheet"/>
<script src="https://momentjs.com/downloads/moment.min.js"></script>
<div id="calendar"></div>

Пожалуйста, предложите мне или помогите мне достичь этой функциональности

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...