Верстка календаря, переключение месяцев?

Question

[Сергей Горячев]

Что-то прям даже не знаю, как правильно подойти к простому вопросу.
https://jsfiddle.net/nf9sLb23/1/
Есть вот такой календарик, нужно сделать переключение месяцев.
Собственно, нужно сделать только переключение месяцев.
Остальное будет генерироваться на бэкенде.
Но что-то прям застрял, как вообще реализовать переключение.
Делаю просто верстку, надо передать программеру.
И как правильно доработать разметку, чтобы программеру было удобнее.
UPD: Добавлю PHP в теги, может программеры сами подскажут.

Comments

[Александр]

А почему бы не взять готовый?
https://github.com/t1m0n/air-datepicker

[Даниил Попов]

Сделайте длинный календарь на 12 месяцев и с помощью радиокнопок перемещайте его по окну

[Сергей Горячев]

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

Answer 1

[VoidVolker]

1. Подключаем moment.js
   
2. Получаем число дней и недель в текущем году
   
3. Генерируем 12 массивов по пять недель с числами по дням
   
4. Записываем массив чисел текущего года в ячейки таблицы
   
5. Месяцы переключаем заменой чисел в таблице по номеру месяца в массиве
   

Comments

[Сергей Горячев]

Да, уже решил его использовать, спасибо.

Answer 2

[profesor08]

Для этого нужен генератор календаря. Там генерируешь себе инфу о нужном месяце, в какой день начинается, сколько дней в нем и тд. Так и заполняешь. Пустые клетки заполняешь датами предыдущего и следующего.

Либо по клику обращаешься к api бэкенда, которые сгенерирует разметку, ее просто вставляешь.

Учитывая возможный функционал, придется использовать второй вариант. Нажал кнопку, получил html от бэкенда, заменил.