Перелистывание календаря по месяцам
Есть такой календарь
<!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, время: 05:54. |