Создание календаря средствами PHP и CSS

Приветствую, Вас дорогие друзья, на страницах моего блога!

Как и обещал в прошлой статье — мы попробуем сделать простенький календарь для сайта или еще для чего нибудь, не знаю ). Календарь будет не совсем простым можно будет переключатся между месяцами, а текущий день будет выделен среди других дней также другим цветом(красным) будут выделены выходные, правда только воскресения субботы я чето не стал выделять, ну это не важно.
Так как календарь будет переключатся между месяцами мы должны это как то передавать например методом GET т.е. через url адрес. Также напишем для календаря простенькие CSS чтоб можно было смотреть)) так это календарь удобней всего оформить его в виде таблицы. Внешне календарь будет выглядеть примерно так:

witht-css

На PHP мы создадим две переменные $calendar_head и $calendar_body соответственно в $calendar_head мы будем записывать html код верхней части календаря т.е. название месяца, дни недели и две ссылки по краям для выбора месяца. А в $calendar_body будем сохранять остальной код то есть таблицу дней недели. Ниже на скрине показано:

witht-css-metki

Теперь рассмотрим сам php код:

Я думаю здесь уже нечего объяснять комментариев кажется достаточно, единственно я бы хотел пояснить почему 6 строк ведь недель в месяце всего четыре так вот, так как мы месяц начинаем выводить не с понедельника, то есть месяц не всегда начинается с понедельника, у нас появляются неполные недели и посчитав максимальное количество неполных и полных недель вы получите шесть недель вот поэтому и шесть). Но так как 6 недель встречаются не очень часто, то последняя строка в таблице чаще всего будет пустой.

Далее осталось написать HTML код и вывести в нужных местах $calendar_head и $calendar_body, ну и прописать CSS стили. Рассмотрим содержание тега :

Как видим календарь состоит полностью из таблицы заголовка и тела. Теперь наш календарь выглядит примерно вот так:

without-css

То есть осталось прописать CSS стили, ну примерно вот такие:

Ну вот и все теперь календарь выглядит примерно так:

witht-css

Весь исходный код можете посмотреть здесь

На этом думаю будем прощаться! Не забудьте подписаться на новости блога, а если возникли вопросы — задавайте в комментариях, постараюсь ответить оперативно!

С Вами был ваш Юрич!

Статья была обновлена: 03 января 2017 года
Вам понравилась статья?
плохохорошо (+1 баллов, 1 оценок)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!
One Comment к статье "Создание календаря средствами PHP и CSS"
  1. Борис: 07.08.2016 в 16:37 - Ответить

    Классный блог. Добавлю в закладки чтобы не потерять.