Выбор даты через всплывающее окошко (jQuery UI)

Уроки jQuery

При регистрации или при заполнении некой формы иногда нужно заполнить поле, где указать дату. Чтобы не утруждать посетителя вводить циферки с клавиатуры, мы прикрутим к элементу формы библиотеку jQuery UI Datepicker, вот так:

Выберите дату: <= кликните сюда, и сможете выбрать дату

А это исходный код данного скрипта:


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

<script type="text/javascript" src="datepicker.js"></script>

<script type="text/javascript">

$(function(){

            

    $('#j_date').datepicker({ dateFormat: 'd MM yy' });

});

</script>



Выберите дату: 

<input id="j_date" class="Input" type="text" name="date" value="">

Формат даты в Datepicker можно задавать как угодно это видно из приведённого примера, по-умолчанию можно оставить так:


$('#j_date').datepicker();

Страница плагина (скачать): http://jqueryui.com/demos/datepicker/

Локализованные файлы (перевод на русский и др.): http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/

Уроки jQuery