Вводить даты станет легче
В данном уроке я покажу Вам как очень легко к любой Вашей форме прикрутить всплывающий календарь, который существенно облегчит Вашим посетителям внесение разных дат.
Демо версия находится тут. Скачать файлы можно здесь.
Установка очень проста:
1. Подключаем внешние скрипты (как всегда помним про путь) + небольшую функцию инициализации (все это между тегами <head></head>):
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.date_input.js"></script>
<script type="text/javascript">$($.date_input.initialize);</script>
2. Подключаем таблицу стилей:
<link rel="stylesheet" href="date_input.css" type="text/css">
3. Вставляем форму в необходимое место:
<form action="#">
<p>
<input type="text" name="date" class="date_input">
</p>
</form>
Как Вы видите из кода, достаточно просто добавить класс "date_input" к необходимому полю, и все заработает.
Урок закончен. До встречи завтра!
Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.jonathanleighton.com
Перевел: Максим Шкурупий
Урок создан: 11 Апреля 2009
Просмотров: 57458
Правила перепечатки
5 последних уроков рубрики "jQuery"
-
Анимация набора текста на jQuery
Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.
-
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
-
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
-
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
-
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.