Календарь с выбором месяца и года javascript

Календарь с выбором месяца и года

Красочный календарь с возможностью для посетителей выбирать месяц и год. Для просмотра скрипта в работе (у вас должен быть включен в браузере Java Script) нажмите кнопку посмотреть пример.

<body bgColor=#2e3435 link="#008000" onload="start(document.forms[0])" onunload="cleartids()">
<FONT color="#20ffff"><h3><CENTER>Вы смотрите пример работы скрипта Календарь с выбором месяца и года!</CENTER></h3></FONT color>
<CENTER>
<script language="JavaScript">
var firstYear= 1900
var lastYear= 2050

myDate= new Date
var curMonth= myDate.getMonth ()
var curYear= myDate.getYear ()
var curDate= myDate.getDate ()

Years= new Array (lastYear - firstYear);
Month= new Array ("Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь");

daysInMonth = new Array (0,28,0,30,0,30,0,0,30,0,30,0);
numbTableCell = 42

function updateCalendar(UcurYear,UcurMonth){

isLeap (UcurYear)
var firstDay= setFirstDay (UcurYear,UcurMonth)

if (firstDay == 0)
firstDay= 7
firstDay--

tableOffset= 10;
temp= 0
for (i=0; i < firstDay; i++){
calendar.all[i+ tableOffset ].innerText= " ";
calendar.all[i+ tableOffset ].bgColor= "#ffffff"
temp++
}
j= i + tableOffset

for (i=1; i <= daysInMonth[UcurMonth];i++){
if (temp == 7){
j++
temp= 0
}
if (curDate != i){
calendar.all[j].innerText= i
calendar.all[j].bgColor= "#ffffff"
}
else{
calendar.all[j].innerText= i
calendar.all[j].bgColor= "#a0d4ff"
}
temp++
j++
}
for (i=0;i < (numbTableCell- daysInMonth[UcurMonth]-firstDay); i++){
if (temp == 7){
j++
temp= 0
}
calendar.all[j].innerText= " ";
calendar.all[j].bgColor= "#ffffff"
temp++
j++
}
}

function outCalendar (FcurYear,FcurMonth)
{
isLeap (FcurYear)
var firstDay= setFirstDay (FcurYear,FcurMonth)

if (firstDay == 0)
firstDay= 7
firstDay--

document.write ('<table id= "calendar" cellspacing= 2 cellpadding= 0 border=1 Class="text">')
document.write ('<tr align= center bgColor="#78c850"><td>Пн</td><td>Вт</td><td>Ср</td><td>Чт</td><td>Пт</td><td bgColor="#f06c40">Сб</td><td bgColor="#f06c40">Вс</td></tr>')

temp= 0
j= 0
document.write ('<tr align= right>')
for (i=0; i < firstDay; i++){
document.write ('<td> </td>')
temp++
j++
}
k= j

for (i= 1; i <= numbTableCell - k;i++){
if (temp == 7){
temp= 0
document.write ('</tr><tr align= right>')
}
if (i <= daysInMonth[FcurMonth]){
if (curDate != i)
document.write ('<td>'+ i +'</td>')
else
document.write ('<td bgColor= "#a0d4ff">'+ i +'</td>')
}
else
{
document.write ('<td> </td>')
}

j++
temp++
}
document.write ('</tr></table>')
}

function setFirstDay (year,month){
var tempDay= new Date (year, month, 1)
return tempDay.getDay ()
}

function isLeap (year){
if (
(year % 4 == 0)&
( (year % 100 != 0) ||(year % 400 == 0) )
)
daysInMonth [1]= 29
else
daysInMonth [1]= 28
}

function insertSpace (num){
for(i=0;i<num;i++)
document.write (' ')
}

</script>
</head>

<body>
<script language= "JavaScript">

</script>

Разделы сайта

Достоинства JavaScript Сравнение JavaScript с другими популярными языками программирования.

Объекты и их атрибуты Наиболее часто в сценариях javascript нам придется обращаться к объектам.

Объекты и их имена
Веб страница представляет собой набор объектов содержащих в себе информацию.

Просмотреть все