Простой календарь для сайта на год
Предлагаем Вашему вниманию простой JavaScript код, позволяющий Вам реализовать на своем сайте календарь на год. Данный календарь на год сам рассчитывает какими днями недели будут числа каждого месяца.
Ниже расположен результат работы JavaScript кода, реализующего календарь на текущий год:
Для того чтобы получить у себя на сайте точно такой же календарь на год, как и в примере, показанном выше, скопируйте данный JavaScript код на свою страничку:
<script type="text/javascript">
var d = document;
function fill_month(month, month_days) {
var str = "<table style='border: 1px solid #4444AA; margin: 1px;'>";
str += "<tr align='center'><td colspan=7><b>";
str += month + " " + year + " года</b><tr bgcolor='#F0F0F0' align='center'>";
str += "<td width=30>" + "Пн" + "</td><td width=30>" + "Вт" + "</td>";
str += "<td width=30>" + "Ср" + "</td><td width=30>" + "Чт" + "</td>";
str += "<td width=30>" + "Пт" + "</td><td width=30>" + "Сб" + "</td>";
str += "<td width=30>" + "Вс" + "</td></tr><tr align='center'>";
if (start_day==8) start_day = 1;
day = 1;
for (var i=1;i<start_day;i++) str += "<td>";
for (var i=start_day;i<8;i++) {
str += "<td>" + day + "</td>";
day++;
}
str += "<tr align='center'>";
while (day <= month_days) {
for (var i=1;i<=7 && day<=month_days;i++) {
str += "<td>" + day + "</td>";
day++;
}
str += "</tr><tr align='center'>";
start_day = i;
}
str += "</tr></table>";
d.write(str);
}
today = new Date();
year = today.getYear();
if (year < 2000) year = year + 1900;
today = new Date("January 1, " + year);
if (today.getDay()==0) start_day = 7;
else start_day = today.getDay();
d.write("<table><tr valign='top'><td>");
fill_month("Январь", 31);
d.write("</td><td>");
if (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0))
fill_month("Февраль", 29);
else fill_month("Февраль", 28);
d.write("</td><td>");
fill_month("Март", 31)
d.write("</td></tr><tr valign='top'><td>")
fill_month("Апрель", 30);
d.write("</td><td>");
fill_month("Май", 31);
d.write("</td><td>");
fill_month("Июнь", 30);
d.write("</td></tr><tr valign='top'><td>");
fill_month("Июль", 31);
d.write("</td><td>");
fill_month("Август", 31);
d.write("</td><td>");
fill_month("Сентябрь", 30);
d.write("</td></tr><tr valign='top'><td>");
fill_month("Октябрь", 31);
d.write("</td><td>");
fill_month("Ноябрь", 30);
d.write("</td><td>");
fill_month("Декабрь", 31);
d.write("</td></tr></table>");
</script>
Если Вам необходим календарь на следующий или прошлый год, то добавьте или вычтите в строчке year = today.getYear(); необходимое количество лет. Например, если мы изменим данную строчку на такую: year = today.getYear()+1; то это будет означать, что скрипту необходимо вывести календарь на следующий год.
Если Вам не нужен календарь на целый год, то воспользуйтесь другим нашим скриптом, позволяющим выводить календарь на указанный месяц и год - Простой календарь для сайта.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.