Вывод календаря при нажатии на поле

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

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

1. Подключаем внешние скрипты (как всегда помним про путь) + небольшую функцию инициализации (все это между тегами ):

Code

<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. Подключаем таблицу стилей:

Code
<link rel="stylesheet" href="date_input.css" type="text/css">


3. Вставляем форму в необходимое место:

Code
<form action="#">
<p>
<input type="text" name="date" class="date_input">
</p>
</form>


Как Вы видите из кода, достаточно просто добавить класс "date_input" к необходимому полю, и все заработает.

Урок закончен. До встречи завтра!

  • FalleN

  • 892

  • 1

  • 194

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!