такам, ето едно календарче, което ползва за основа този тук
http://web-tourist.net/login/login/view.php?st=2264
но преправен на JS
ето демо
http://web-tourist.net/project/jooorooo/calendar.html
http://web-tourist.net/login/login/view.php?st=2264
но преправен на JS
ето демо
http://web-tourist.net/project/jooorooo/calendar.html
Код:
<html>
<head>
<title>jooorooo calendar</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<script type="text/javascript">
function dnivmeseca(iMonth, iYear)
{
return 32 - new Date(iYear, iMonth, 32).getDate();
}
function checkTime(i)
{
return (i<10) ? '0'+i : i;
}
function editDay(i)
{
return (i==0) ? 7+i : i;
}
function mesecite(r)
{
var month=new Array(12);
month[0]="Януари";
month[1]="Февруари";
month[2]="Март";
month[3]="Април";
month[4]="Май";
month[5]="Юни";
month[6]="Юли";
month[7]="Август";
month[8]="Септември";
month[9]="Октомври";
month[10]="Ноември";
month[11]="Декември";
return month[r];
}
function makeCalendar()
{
//var today=new Date('Fri Feb 15 16:07:05 2008');
var today=new Date();
var mesec=today.getMonth(); // 0-11
var date=today.getDate();
var year=today.getYear();
var krai = dnivmeseca(mesec, year);
var d = new Date();
dat = d.setDate(1);
var n = new Date(dat);
var day=n.getDay(); //0-6
start_date = editDay(day);
//mesec=checkTime(mesec);
cal = '<table border="0" align="center">'
+'<tr>'
+'<td align="center"><<</td>'
+'<td colspan="5" align="center">'+mesecite(mesec)+" "+year+' г.</td>'
+'<td align="center">>></td>'
+'</tr>'
+'<tr bgcolor="#eeeeee">'
+'<td align="center">П</td>'
+'<td align="center">В</td>'
+'<td align="center">С</td>'
+'<td align="center">Ч</td>'
+'<td align="center">П</td>'
+'<td align="center">С</td>'
+'<td align="center">Н</td>'
+'</tr>';
i = 1;
d = 1;
while (i<=krai+start_date && d<=krai)
{
cal+='<tr>';
for (j=1;j<=7;j++)
{
if (i >= start_date && i < start_date+krai)
{
if (j==6 || j==7)
{
cal+='<td align="center"><span style="color:red">'+d+'</span></td>';
}
else if(d==date)
{
cal+='<td align="center"><span style="color:blue">'+d+'</span></td>';
}
else
{
cal+='<td align="center">'+d+'</td>';
}
d++;
}
else
{
cal+="<td></td>";
}
i++;
}
cal+='</tr>';
}
cal+='</table>';
document.getElementById('calendar').innerHTML = cal;
//t=setTimeout('makeCalendar()',500000);
}
window.onload = function()
{
makeCalendar();
}
</script>
</head>
<body>
<div id="calendar"></div>
</body>
</html>