Вводить даты станет легче

В данном уроке я покажу Вам как очень легко к любой Вашей форме прикрутить всплывающий календарь, который существенно облегчит Вашим посетителям внесение разных дат.

Демо версия находится тут. Скачать файлы можно здесь.

Установка очень проста:

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
Просмотров: 57357
Правила перепечатки

5 последних уроков рубрики "jQuery"

^ Наверх ^