Пятница, 09 Ноябрь 2018 01:55

Календарь на javascript

Раньше на сайтах можно было встретить виджеты календарей. Сегодня такой календарь можно увидеть только на сайтах так или иначе «зависящих» от текущей даты, владельцам других сайтов стал не нужен и они его убрали. Тем не менее, сам механизм иногда оказывается нужен для реализации других задач.

Поэтому, чтобы не потерять код, решил по привычке добавить его на сайт.



<script type="text/javascript">
var calendar = new Date();
var day = calendar.getDay();
document.write("<font color='#fff'><table width='100' border='1' align='center'><td><div align='center'><font size='2'>")
if(day == 0) {
document.write("Воскресенье")
}else if(day == 1) {
document.write("Понедельник")
}else if(day == 2) {
document.write("Вторник")
}else if(day == 3) {
document.write(""Среда")
}else if(day == 4) {
document.write("Четверг")
}else if(day == 5) {
document.write("Пятница")
}else if(day == 6) {
document.write("Суббота")
}else if(day == 7) {
document.write("Воскресенье")
}
document.write("</font></div></td><tr><td><div align='center'><font size='2'>")
var month = calendar.getMonth();
if(month == 0) {
document.write("Январь")
}else if(month == 1) {
document.write("Февраль")
}else if(month == 2) {
document.write("Март")
}else if(month == 3) {
document.write("Апрель")
}else if(month == 4) {
document.write("Май")
}else if(month == 5) {
document.write("Июнь")
}else if(month == 6) {
document.write("Июль")
}else if(month == 7) {
document.write("Август")
}else if(month == 8) {
document.write("Сентябрь")
}else if(month == 9) {
document.write("Октябрь")
}else if(month == 10) {
document.write("Ноябрь")
}else if(month == 11) {
document.write("Декабрь")
}
document.write("</font></div></td><tr><td><div align='center'><font size='7'>")
var date = calendar.getDate();
document.write(date)
document.write("</font></div></td><tr><td><div align='center'><font size='2'>")
var year = calendar.getYear();
if (year < 1000) year += 1900;
{document.write(year)
}
document.write("</font></div></td></table></font>")
</script>

Кстати код можно стилизовать, календарь запросто может стать элементом дизайна сайта и тогда он станет просто необходим Вам. Здесь за пример можно взять какой-нибудь виджет, или же блок в дизайне которого используется календарь.

Спонсоры: