Перед тим, як ми почнемо, ви можете подивитися на цей клендарь, натиснувши на кнопку нижче.
Перш за все спробуємо зібрати необхідну інформацію, яка потрібна, щоб показати поточний місяць і день. Крім того, потрібно вивести поточний рік і місяць. Для цього нам потрібно:
- Поточний день
- Перший день поточного місяця
- Останній день поточного місяця
Маючи відомості, перераховані вище ми зможемо визначити, який перший день місяця. яка довжина місяці і визначити поточний день.
Щоб отримати інформацію, згадану в 1 пункті ми скористаємося функцією getdate (). Якщо ми не вказуємо ніяких параметрів у функції, то вона поверне інформацію про поточний датою у вигляді масиву:
Щоб отримати останній день місяця ми скористаємося функцією mktime (int hour, int minute, int second, int month, int day, int year [, int is_dst]), яка отримує UNIX timestamp дати. Для цього п'ятий аргумент функції буде мати значення 0. Тому код буде виглядати наступним чином:
Щоб показати календар нам потрібно вивести таблицю з 7 стовпцями для 7 днів тижня. Число рядків таблиці залежить від кількості днів місяця. Також необхідно вивести заголовок, в якому відобразиться інформація про місяць і рік. А також підзаголовок з назвою дня.
Зараз у нас є заголовок таблиці. Давайте спробуємо заповнити перший рядок. Це зробити непросто, так як Ви не можете записати 1 в перший осередок, 2 в другу і т.д. Це вийде, якщо перший день місяця понеділок, але якщо ні? Що б вирішити цю задачу, нам потрібен індекс wday (див. Пункт 1, масив) з масиву firstDay. Ця інформація допоможе нам заповнити порожні дні в календарі пробілами. Подивіться наступний код:
Наступним кроком буде заповнення інших рядків в календарі. Це зробити легше, нам тільки потрібно знати скільки повних тижнів в поточному місяці:
У цьому пункті нам потрібно додати решту дні місяця в останні рядки таблиці:
Щоб наш календар виглядав красивіше ми створимо CSS таблицю. CSS буде простим:
Повний код календаря на PHP, використовуючи таблицю каскадних стилів CSS:
Будь ласка, Увійдіть або Зареєструйтеся щоб отримати посилання на скачування.