Показать сообщение отдельно
  #1 (permalink)  
Старый 22.03.2018, 18:35
Новичок на форуме
Отправить личное сообщение для leonid6723 Посмотреть профиль Найти все сообщения от leonid6723
 
Регистрация: 22.03.2018
Сообщений: 1

Воссоздать календарь 2018г
Добрый вечер Уважаемые пользователи форума,помогите сделать в календари отступы,чтоб был как март месяц 2018 года+хотелось бы как то выделить сегодняшнюю дату
вот код
<html>
<head>
<title>test89</title>
<table id="table" border=5 name="table">
<tr>
<th class="header" colspan=7></th>
</tr>
<tr class="big">
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>

<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td>
</tr>
</table>
</head>
<body onload="displayCalendar()">
<script>
function displayCalendar(){
var htmlContent ="";
var counter = 1;
var dateNow = new Date();
var month = dateNow.getMonth();
var nextMonth = month +1; //+1; //Used to match up the current month with the correct start date.
var prevMonth = month -1;
var day = dateNow.getDate();
var year = dateNow.getFullYear();
//имена месяцев и дни недель
var monthNames = ["Январь","Февраль","Март","Апр ель","Май","Июнь","Июль","Авгус т","Сентябрь","Октябрь","Нояб ь", "Декабрь"];
var dayNames = ["Пн","Вт","Ср","Чт","Пт","Сб", "Вс"];
var dayPerMonth = ["31", "28","31","30","31","30","31","31","30","31","30", "31"];
var nextDate = new Date(nextMonth +' 1 ,'+year);
var numOfDays = dayPerMonth[month];
var weekdays= nextDate.getDay();
var weekdays2 = weekdays;


//построение таблицы
var tbl=document.getElementsByClassName("header")[0].innerHTML=monthNames[month]+" "+year;
var tbl=document.getElementById('table');
for (i=0; i<7; i++) {
tbl.rows[1].cells[i].innerHTML=dayNames[i];
}
for ( i=0;i<=6;i++){
for (j=0; j<7; j++) {
tbl.rows[i+2].cells[j].innerHTML = counter;
counter++;
}
}



}
</script>
<div id="calendar"></div>
<style>
.dayNow{
border: 2px solid black;
color:Red;
text-align: center;
}
</style>
</body>
</html>
Ответить с цитированием