Доброго времени суток,
пишу скрипт, где выводились бы события в календаре.
Проблема в том, что если на одну дату приходится несколько событий, то элементы link и box приходятся только на последний элемент, никак не могу понять почему.
Посмотрите, пожалуйста, что я делаю не так?
<?php
class Calendar
{
/**
* Вывод календаря на один месяц.
*/
public static function getMonth($month, $year, $events = array())
{
$months = array(
1 => 'Январь',
2 => 'Февраль',
3 => 'Март',
4 => 'Апрель',
5 => 'Май',
6 => 'Июнь',
7 => 'Июль',
8 => 'Август',
9 => 'Сентябрь',
10 => 'Октябрь',
11 => 'Ноябрь',
12 => 'Декабрь'
);
$month = intval($month);
$out = '
<div class="calendar-item">
<div class="calendar-head">' . $months[$month] . ' ' . $year . '</div>
<table>
<tr>
<th>Пн</th>
<th>Вт</th>
<th>Ср</th>
<th>Чт</th>
<th>Пт</th>
<th>Сб</th>
<th>Вс</th>
</tr>';
$day_week = date('N', mktime(0, 0, 0, $month, 1, $year));
$day_week--;
$out.= '<tr>';
for ($x = 0; $x < $day_week; $x++) {
$out.= '<td></td>';
}
$days_counter = 0;
$days_month = date('t', mktime(0, 0, 0, $month, 1, $year));
for ($day = 1; $day <= $days_month; $day++) {
if (date('j.n.Y') == $day . '.' . $month . '.' . $year) {
$class = 'today';
} elseif (time() > strtotime($day . '.' . $month . '.' . $year)) {
$class = 'last';
} else {
$class = '';
}
$event_show = false;
$event_text = array();
$event_link = array();
if (!empty($events)) {
foreach ($events as $item) {
$date = explode('.', $item[date]);
if ($day == intval($date[0]) && $month == intval($date[1]) && $year == $date[2]) {
$event_show = true;
$event_text[] = $item['title'];
$event_link = $item['link'];
$event_box = $item['box'];
}
}
}
if ($event_show) {
$out.= '<td class="calendar-day ' . $class . ' event">' . $day;
if (!empty($event_text)) {
$out.= '<div class="calendar-popup">' . implode('<br>', $event_text) . ' // ' . $event_link . ' // ' . $event_box . '</div>';
}
$out.= '</td>';
} else {
$out.= '<td class="calendar-day ' . $class . '">' . $day . '</td>';
}
if ($day_week == 6) {
$out.= '</tr>';
if (($days_counter + 1) != $days_month) {
$out.= '<tr>';
}
$day_week = -1;
}
$day_week++;
$days_counter++;
}
$out .= '</tr></table></div>';
return $out;
}
}
$events = [
['date' => '16.11.2022', 'title' => 'Событие1', 'link' => 'ссылка1', 'box' => 'картинка1'],
['date' => '16.11.2022', 'title' => 'Событие2', 'link' => 'ссылка2', 'box' => 'картинка2'],
['date' => '17.11.2022', 'title' => 'Событие3', 'link' => 'ссылка3', 'box' => 'картинка3'],
];
print_r($events);
echo Calendar::getMonth(date('n'), date('Y'), $events);
?>
<style type="text/css">
.calendar-item {
width: 100%;
display: inline-block;
vertical-align: top;
margin: 0 16px 20px;
font: 14px/1.2 Arial, sans-serif;
}
.calendar-head {
text-align: center;
padding: 5px;
font-weight: 700;
font-size: 14px;
}
.calendar-item table {
border-collapse: collapse;
width: 100%;
}
.calendar-item th {
font-size: 12px;
padding: 6px 7px;
text-align: center;
color: #888;
font-weight: normal;
}
.calendar-item td {
font-size: 13px;
padding: 6px 5px;
text-align: center;
border: 1px solid #ddd;
}
.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7) {
color: #e65a5a;
}
.calendar-day.last {
color: #999 !important;
}
.calendar-day.today {
font-weight: bold;
}
.calendar-day.event {
background: #ffe2ad;
position: relative;
cursor: pointer;
}
.calendar-day.event:hover .calendar-popup {
display: block;
}
.calendar-popup {
display: none;
position: absolute;
top: 40px;
left: 0;
min-width: 200px;
padding: 15px;
background: #fff;
text-align: left;
font-size: 13px;
z-index: 100;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
color: #000;
}
.calendar-popup:before {
content: "";
border: solid transparent;
position: absolute;
left: 8px;
bottom: 100%;
border-bottom-color: #fff;
border-width: 9px;
margin-left: 0;
}
</style>