Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Календарь в одну строку (https://javascript.ru/forum/dom-window/51007-kalendar-v-odnu-stroku.html)

ViRuSreloaded 20.10.2014 18:37

Календарь в одну строку
 
Здравствуйте уважаемы форумчане!

Мне необходимо сделать календарь в одну строку.
Статический сверстанный вариант тут:

http://gostar.bget.ru/events.html

Нужно:
а) чтобы выделялось текущее число и активный месяц
б) чтобы при переключении месяцев менялись дни в календарике
в) чтобы при нажатии на день применялся фильтр к событиям

С какими трудностями я столкнулся:

1) все варианты календарей "квадратные", а надо чтобы дни выводились в соответствии с дизайном
2) выбор месяца должен происходить в меню выше
3) даты уникальные, соответственно я не понимаю: как сделать обработчик "при-нажатии-убираем-стили-группе-объектов-присваиваем-новые-стили", если каждый день уникален...

Заранее прошу прощения за возможную не точную формулировку...

ViRuSreloaded 21.10.2014 14:05

Есть у кого-нибудь идеи?

ksa 21.10.2014 14:20

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

ViRuSreloaded 21.10.2014 17:19

//Month is 1 based
function daysInMonth(month,year) {
return new Date(year, month, 0).getDate();
}

//July
daysInMonth(7,2009); //31
//February
daysInMonth(2,2009); //28
daysInMonth(2,2008); //29


Как получить количество дней и отрисовать их?

ViRuSreloaded 21.10.2014 18:50

Ребят! Есть кто за деньги готов сделать? Называйте цену...

рони 21.10.2014 19:07

ViRuSreloaded,
а сам? что-то попробовать?

ksa 22.10.2014 08:21

Цитата:

Сообщение от ViRuSreloaded
Есть кто за деньги готов сделать? Называйте цену...

Я пока даже не понял, чт именно тебе нужно...

ViRuSreloaded 22.10.2014 11:55

<script>
	function daysInMonth(month,year) {
	return new Date(year, month, 0).getDate();
}
var today = new Date(); // получаем дату сегодня
... // получаем кол-во дней в этом месяце
for i... // цикл на кол-во дней в этом месяце
'<div data-date="22.10.2014">бла-бла' ... // рисуем каждый день чтобы получился календарь на месяц в одну строку с атрубутом [data-date]

daysInMonth(7,2009); //31
//February
daysInMonth(2,2009); //28
daysInMonth(2,2008); //29

</script>


Как-то так...

рони 22.10.2014 13:01

ViRuSreloaded,
уже проблеск ... как насчёт полноценого макета

ViRuSreloaded 22.10.2014 13:06

<script>
	function daysInMonth(month,year) {
	return new Date(year, month, 0).getDate();
}
</script>

<SCRIPT LANGUAGE="JavaScript">
temp_date = new Date();
day = temp_date.getDate();
month = temp_date.getMonth() + 1;
year = temp_date.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month <10) {
month = "0" + month;
}
var daysInThisMonth = daysInMonth(month,year);
for (var i = 0; i < daysInThisMonth; i++) {
var currentDay = i+1;
document.write('<a href="http://gostar.bget.ru/events/' + day + month + year +'">'+ currentDay +'</a>');
}

</script>


Часовой пояс GMT +3, время: 16:04.