Создаем JavaScript календарь
Предлагаю вашему вниманию простой календарь Javascript, с автоматическим обновлением текущего месяца, и выделением текущей даты. Скрипт нужно помещать между тэгами <script type="text/javascript">...</script> в элемент body HTML-документа.
Создаем функцию и переменные для обработки дат:
Создаем переменные для работы с "телом" календаря:
В данном случае под "телом" подразумевается таблица, для отображения календаря. Чтобы ее создать в HTML-документе находим элемент тэга body, создаем в нем новый элемент table и добавляем его в HTML-документ.
Оформляем внешний вид таблицы:
К созданной таблице day_table добавляем ячейки и столбцы:
Заполняем таблицу:
Находим заголовок таблицы (первую ячейку) и заносим туда название текущего месяца:
Заполняем оставшиеся ячейки таблицы и выделяем цветом сегодняшний день:
Внешний вид таблицы можно менять в скрипте, или с помощью CSS используя уникальный ID таблицы ("Calendar"). Но смена цвета непустых ячеек происходит только в скрипте, по мере их заполнения. Следовательно, смену цвета ячеек делаем только в скрипте.
Весь скрипт целиком:
Результат работы скрипта.
Объясните пожалуйста как работает эта строчка: