Я работаю с 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>
Пожалуйста, предложите мне или помогите мне достичь этой функциональности