Веб-приложение Календарь

@Alpi · Регистрация: 16.11.2012

Студворк — интернет-сервис помощи студентам

В общем, стоит задача сделать вебприложение-календарь, или что-то вроде appointment app. Должна быть возможность назначать события на определенную дату и определенный час, и чтобы потом этот час показывался как занятый. У каждого юзера свой календарь.
Я совсем затупил, и пока ничего в сети вменяемого не нашел. Как это должно выглядеть, чтобы можно было передавать в виде JSON и фронт-енд по нему строил календарь, в котором было бы видно, какие дни и часы заняты, а какие нет?

Я пока решил, что должен быть класс события, в котором помимо даты и времени будет ссылка на юзера, которому оно принадлежит и какая-то уже инфа о самом событии, что на данном этапе не важно.
Затем при открытии страницы из базы берется массив событий отфильтрованный по данному юзеру, на неделю или на месяц.

А вот как это показывать потом в JS, чтобы потом было видно свободное время, на которое можно что-то назначить? Может, кто-то ткнет носом в похожий проект на JS? Интересует фронт-енд часть. Спасибо.

@Padimanskas · 26.10.2015, 05:21

Alpi, если пользователь получает данные в виде JSON то их всего лишь нужно привести в внутренний вид объекта.

JavaScript
1
JSON.stringify(userData);

но обычно данные из AJAX трансфомируются самостоятельно, нужно только указать что на выходе мы получаем именно JSON

@Alpi · 26.10.2015, 05:25 **[ТС]**

Padimanskas, да нет, это я все понимаю. Я больше хочу понять, как вообще должен выглядеть код, который будет это все в календаре показывать. Понятия не имею, с чего начать браузерную часть, вот и прошу пример какой-нибудь ((

@Padimanskas · 26.10.2015, 06:26

Кстати, в массиве совсем не обязательно указывать весь календарь) например есть события

JavaScript
1
2
3
4
5
{
    "10/26/2015 15:00": "Сходить в магазин", 
    "11/10/2015 13:00": "Оплатит счет", 
    "11/25/2015 16:00": "Позвонить заказчику"
}

фреймворк который реализует календарь вполне легко может интепретировать для себя свойства и значения такого массива, а далее добавит их в видж

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var events = {
    "10/26/2015 15:00": "сходить в магазин", 
    "11/10/2015 13:00": "оплатить счет", 
    "11/25/2015 16:00": "позвонить заказчику"
};
 
function getDayOfWeekByIndex(index) {
    return ["понедельник","вторник","среду","четверг","пятницу","субботу","воскресенье"][index];
}
 
function getMonthByIndex(index, suffix) {
return ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"][index];
}
 
var event;
for(var date in events) {
    event = new Date(date);
    alert(event.getDay() + '-ого ' + getMonthByIndex(event.getMonth()) + ', в ' + getDayOfWeekByIndex(event.getDay()) + ', мне нужно ' + events[date]);
}

Добавлено через 2 минуты
Календарь можно использовать любой. Хоть из jQuery) Обычно в мануале описаны все методы и способ обращения к ним.

@Alpi · 26.10.2015, 06:37 **[ТС]**

Padimanskas, так, я, кажется, понял примерно, в какую сторону двигаться. Спасибо. Вернусь еще потом тупые вопросы задавать )

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@Alpi 104 / 0 / 1 Регистрация: 16.11.2012 Сообщений: 41

	Веб-приложение Календарь 26.10.2015, 00:56. Показов 1496. Ответов 4 Метки нет (Все метки) В общем, стоит задача сделать вебприложение-календарь, или что-то вроде appointment app. Должна быть возможность назначать события на определенную дату и определенный час, и чтобы потом этот час показывался как занятый. У каждого юзера свой календарь. Я совсем затупил, и пока ничего в сети вменяемого не нашел. Как это должно выглядеть, чтобы можно было передавать в виде JSON и фронт-енд по нему строил календарь, в котором было бы видно, какие дни и часы заняты, а какие нет? Я пока решил, что должен быть класс события, в котором помимо даты и времени будет ссылка на юзера, которому оно принадлежит и какая-то уже инфа о самом событии, что на данном этапе не важно. Затем при открытии страницы из базы берется массив событий отфильтрованный по данному юзеру, на неделю или на месяц. А вот как это показывать потом в JS, чтобы потом было видно свободное время, на которое можно что-то назначить? Может, кто-то ткнет носом в похожий проект на JS? Интересует фронт-енд часть. Спасибо. 0

@Alpi 104 / 0 / 1 Регистрация: 16.11.2012 Сообщений: 41
	26.10.2015, 05:25 [ТС]
	Padimanskas, да нет, это я все понимаю. Я больше хочу понять, как вообще должен выглядеть код, который будет это все в календаре показывать. Понятия не имею, с чего начать браузерную часть, вот и прошу пример какой-нибудь (( 0

@Alpi 104 / 0 / 1 Регистрация: 16.11.2012 Сообщений: 41
	26.10.2015, 06:37 [ТС]
	Padimanskas, так, я, кажется, понял примерно, в какую сторону двигаться. Спасибо. Вернусь еще потом тупые вопросы задавать ) 0