Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Перелистывание календаря по месяцам (https://javascript.ru/forum/library-toolkit-framework/36513-perelistyvanie-kalendarya-po-mesyacam.html)

hhpd 17.03.2013 23:12

Перелистывание календаря по месяцам
 
Есть такой календарь

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Calendar</title>

<script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript">

$(document).ready(function calendar() {
var d = new Date();
var year = d.getFullYear();
var month = d.getUTCMonth();
var today = d.getDate();
var first_day = new Date(year,month,1);
var first_wday = first_day.getDay();
var oneHour = 1000 * 60 * 60;//милисекунды*минуты*часы
var oneDay = oneHour * 24;//сутки
var nextMonth = new Date(year, month + 1, 1);
var last_day = Math.ceil((nextMonth.getTime() - first_day.getTime() - oneHour)/oneDay);
var month_array = new Array ("Январь","Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь","Ноябрь", "Декабрь");
var body = document.getElementsByTagName("body")[0];
var day_table = document.createElement("table");

day_table.style.borderStyle = "dotted";
day_table.style.fontFamily = "sans-serif";
day_table.bgColor = "antiquewhite";
body.appendChild(day_table);
  
  day_table.innerHTML = "<tr><td colspan=7 rowspan=1 id='month'>"+month_array[month]+"</td></tr>"+
  "<tr id='weekday' bgcolor='ccccff'><td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td></tr>";
  	for (var k = 0; k < 6; k++) {
	  day_table.innerHTML+="<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
	  }
	  
for (i=1;i<last_day;i++) {
	var td_d = document.getElementsByTagName("td");
		  if (i == first_wday) {
		  td_d[0].innerHTML = month_array[month];
	      td_d[0].bgColor = "ffcccc";
		  td_d[0].align = "center";
		  td_d[0].style.fontFamily = "arial black";
	      td_d[8+i].innerHTML = 1;
		  
			  
	    for (j = 0;j<last_day;j++)
	    td_d[8+i+j].innerHTML = 1+j;
		
	  	for (c = 8; c<50;c++)
		if (td_d[c].innerHTML==0) {
		td_d[c].visibility="hidden";
		} else td_d[c].bgColor="white";
						
		for (z=0;z<last_day;z++)
		  if (td_d[z].innerHTML==today) {
		  td_d[z].bgColor="salmon";
		    }
	  }
	  }
	})();
</script>

</head>
<body>

</body>
</html>


Какой код необходимо добавить, чтобы по клику на стрелку (не отображена) можно было бы листать календарь по месяцам вперед и назад?

Заранее спасибо


Часовой пояс GMT +3, время: 16:59.