Календарь в одну строку
Здравствуйте уважаемы форумчане!
Мне необходимо сделать календарь в одну строку. Статический сверстанный вариант тут: http://gostar.bget.ru/events.html Нужно: а) чтобы выделялось текущее число и активный месяц б) чтобы при переключении месяцев менялись дни в календарике в) чтобы при нажатии на день применялся фильтр к событиям С какими трудностями я столкнулся: 1) все варианты календарей "квадратные", а надо чтобы дни выводились в соответствии с дизайном 2) выбор месяца должен происходить в меню выше 3) даты уникальные, соответственно я не понимаю: как сделать обработчик "при-нажатии-убираем-стили-группе-объектов-присваиваем-новые-стили", если каждый день уникален... Заранее прошу прощения за возможную не точную формулировку... |
Есть у кого-нибудь идеи?
|
ViRuSreloaded, делай тестовые примеры... Может и найдется желающий в них поколупаться забесплатно...
|
//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,
а сам? что-то попробовать? |
Цитата:
|
<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> Как-то так... |
ViRuSreloaded,
уже проблеск ... как насчёт полноценого макета |
<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. |