Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1 / 1 / 1
Регистрация: 20.03.2017
Сообщений: 121

Создание календаря

26.02.2018, 18:35. Показов 1839. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Пытаюсь сделать календарь на js. Есть таблица 7x7, включая строку заголовков дней недели. Заполнение таблицы происходит корректно. По клику на ячейку должна выводиться полная дата нажатой ячейки. Но выводится ошибка. Насколько я понимаю, при назначении ячейке определенной даты, эта дата должна записываться в двумерный массив.

Код в сети с похожей проблемой:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var funcs = [];
 
function createfunc(i) {
    return function() { console.log("My value: " + i); };
}
 
for (var i = 0; i < 3; i++) {
    funcs[i] = createfunc(i);
}
 
for (var j = 0; j < 3; j++) {
    funcs[j]();                      
 Run code snippet
Мой случай:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
var dates = new Array(7);    //объявление двумерного массива для дат
for(var m=0; m<7; m++)
{
    dates[m]=new Array();
}
 
function record(date) {
    return function () {
        alert('выбрана дата: '+date);
    };
}
 
calendarFill();
 
function calendarFill(){
    var today = new Date();
    var local_date = new Date(today.getFullYear(), today.getMonth(), 1);  //1е число текущего месяца
    var week_day = local_date.getDay();
    var i;  //определяет с какой строчки надо заполнять дни текущего месяца
    var j;  //определяет с какого столбца надо заполнять дни текущего месяца
    var k;  //определяет с какого столбца надо заполнять дни предыдущего месяца
 
    if(week_day==1){//если день недели 1го числа текущего месяца - понедельник, то оно записывается во 2ой строчке, во всех остальных случаях в 1ой строчке
        i=2;
        j=week_day-1;
        k=6;
    }
    if(week_day==0){//если день недели 1го числа - воскресение
        i=1;
        j=6;
        k=5;
    }
    else{
        i=1;
        j=week_day-1;
        k=week_day-2;
    }
 
    var rows = document.getElementsByTagName('tr'); 
    for(i; i<7; i++ ){
        var columns = rows[i].getElementsByTagName('td');
        for(j; j<7; j++){
            columns[j].innerHTML = local_date.getDate().toString();
            columns[j] = record(local_date);
            columns[j].onclick = function () { 
                dates[i][j]();
            }
            local_date.setDate(local_date.getDate()+1);
        }
        j=0;
    }
 
    var local_date = new Date(today.getFullYear(), today.getMonth(), 1);
 
    var columns = document.getElementsByTagName('tr')[1].getElementsByTagName('td');
    for(k; k>=0; k--){
        local_date.setDate(local_date.getDate()-1);
        console.log(local_date);
        columns[j] = record(local_date);
        columns[k].onclick = function() {
            dates[1][k]();
        }
        columns[k].innerHTML = local_date.getDate().toString();
    }
}
Как исправить код, чтобы добиться желаемого?
Миниатюры
Создание календаря  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
26.02.2018, 18:35
Ответы с готовыми решениями:

скрипт календаря
Решил разместить на сайте календарик, сначала мучался чтоб цифры были голубыми, потом оказалось, что в Google Chrome, Opera, IE...

Цвет фона календаря
мужики, подскажите как менять фон у календаря в зависимости от поры года или месяца. Не могу к этому сам дойти. Вот код: ...

Выбор даты из календаря
Здравствуйте! Может кто подскажет какой-нибудь несложный код для выбора даты, а то я сделала с помощью Select, хотелось бы, что б...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
26.02.2018, 18:35
Помогаю со студенческими работами здесь

Построение годового календаря чемпионата
Доброго времени суток. Есть вот задание: Написать скрипт построения годового чемпионата по футболу, при условии что: а. в каждой...

На Firefox 1.0. не работает скрипт календаря
Всем привет. Есть страничка на АСПе (ВБА) Есть календарик на джава скрипте. Прекрасно работает на ИЕ. Есть необходимость...

Рендер календаря текущего месяца
Есть такой вот календарь. &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;...

Скрытие стандартного календаря браузера
Доброго времени суток, необходимо скрыть стандартный календарь браузера, который появляется с типом date(&lt;input type=date&gt;), кому не...

Запретить выбор вчерашней даты из календаря
Хочу установить для одного проекта календарь для выбора даты. Изучаю календари здесь...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru