Главная » 2009 » Август » 17 » Меню выбора даты (Javascript)
17.08.2009, 16:23

Меню выбора даты



Этот скрипт динамически генерирует даты. Каждый раз, когда вы вибирает год и месяц, скрипт автоматически определяет количество дней в месяце. Также работает и на високосный год.

Это ставим в head:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ben McFarlin (mcfarlin@netscape.net) -->
<!-- Web Site: http://sites.netscape.net/mcfarlin -->

<!-- Begin
function populate(objForm,selectIndex) {
timeA = new Date(objForm.year.options[objForm.year.selectedIndex].text, objForm.month.options[objForm.month.selectedIndex].value,1);
timeDifference = timeA - 86400000;
timeB = new Date(timeDifference);
var daysInMonth = timeB.getDate();
for (var i = 0; i < objForm.day.length; i++) {
objForm.day.options[0] = null;
}
for (var i = 0; i < daysInMonth; i++) {
objForm.day.options[i] = new Option(i+1);
}
document.f1.day.options[0].selected = true;
}
function getYears() {

// You can easily customize what years can be used
var years = new Array(2004,2005,2006,2007,2008,2009,2010,2011,2012)

for (var i = 0; i < document.f1.year.length; i++) {
document.f1.year.options[0] = null;
}
timeC = new Date();
currYear = timeC.getFullYear();
for (var i = 0; i < years.length; i++) {
document.f1.year.options[i] = new Option(years[i]);
}
document.f1.year.options[2].selected=true;
}
window.onLoad = getYears;
// End -->
</script>

Это в body:

Code
<center>
<form name=f1>
<table border=0>
<tr>
<td align=center>
<select name=year onChange="populate(this.form,this.form.month.selectedIndex);">
<option selected value=99>2004</option>
<option value=00>2005</option>
<option value=01>2006</option>
<option value=02>2007</option>
<option value=02>2008</option>
<option value=02>2009</option>
<option value=02>2010</option>
<option value=02>2011</option>
<option value=02>2012</option>
</select>

<select name=month onChange="populate(this.form,this.selectedIndex);">
<option value=01>Январь</option>
<option value=02>Февраль</option>
<option value=03>Март</option>
<option value=04>Апрель</option>
<option value=05>Май</option>
<option value=06>Июнь</option>
<option value=07>Июль</option>
<option value=08>Август</option>
<option value=09>Сентябрь</option>
<option value=10>Октябрь</option>
<option value=11>Ноябрь</option>
<option value=12>Декабрь</option>
</select>

<select name=day>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
</select>
</td>
</tr>
</table>
</form>
</center>

Адаптация и перевод: webscripts.ucoz.ru

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Ben McFarlin
Категория: JavaScript's | Просмотров: 3254 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: Меню выбора даты, дата
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]