Выбор даты применяется на сайтах, торгующих авиа и железнодорожными билетами, ведь посетителя интересует заказ билета на определённый день. Календари также применяются в блогах, где записи систематизируются по дате, и сайтах, связанных с разными событиями, например, спортивными. Так или иначе, календарь востребован и может быть добавлен следующим образом. На сервер данные передаются в формате ГГГГ-ММ-ДД, например, 22.
12. 2014, а вид календаря может различаться в зависимости от браузера. Полностью поддерживает календарь пока только Opera, выводя виджет для выбора любой даты (рис. 1). Рис.
Вы можете вставить свой Календарь на сайт или в блог. Для того, чтоб это сделать, перейдите в Настройки календаря, Нажмите значок на левой. Вы можете разместить календарь на своём сайте. Для этого вам достаточно выбрать календарь, скопирвать его код, и вставить его на свою страничку.
1. Календарь в браузере Opera. Браузер Chrome также поддерживает календарь, но делает это весьма скупо (рис. 2). По сути вы только можете прокручивать дату или вводить её как текст.
Рис. 2. Календарь в Chrome.
На сайте собрано все для дизайна. Фоны, html коды,шрифты,флешки, разделители,флеш часы,флеш календари, и много много полезных советов. Календарь для сайта : с одним месяцем с возможностью прокрутки/ изменения месяца, выпадающий Скрипт простого календаря HTML.
В примере 1 показано создание календаря для выбора произвольной даты. Пример 1. Календарь.
HTML5 IE Cr Op Sa Fx. Допустимо ограничить ввод даты заданным значением через атрибуты min и max. они соответственно указывают нижнюю и верхнюю дату.
Так, если вам требуется сузить диапазон ввода до ±3 дней от даты 01. 06. 2012, то код запишется, как показано в примере 2. Пример 2. Ограничение даты. HTML5 IE Cr Op Sa Fx. Текущая дата заданная через атрибут value подсвечивается фоном, неактивные дни, которые нельзя выбрать — серым цветом (рис.
3). Рис. 3. Календарь с диапазоном ввода. Кроме традиционного календаря, в котором можно выбрать дату, месяц и год, существует и календарь только для ввода месяца и недели.
Они записываются в таком виде. Выбор месяца в Opera происходит через аналогичный виджет, но в этом случае нельзя указать конкретную дату (рис. 4). Рис. 4. Выбор месяца в Opera. На сервер данные поля type="month" пересылаются как ГГГГ-ММ, например, 2014-10.
Похожим образом выглядит и виджет для выбора недели (рис. 5), но дополнительно выводится номер недели и выбрать можно только её.
На сервер при этом значение отправляется как 2014-W38, где вначале указывается год, затем через дефис W и после него номер недели от начала года. Рис. 5. Выбор недели в Opera. В примере 3 показано создание поля для ввода месяца. Пример 3.
Выбор месяца. HTML5 IE Cr Op Sa Fx.