Календарь в одну строку
Здравствуйте уважаемы форумчане!
Мне необходимо сделать календарь в одну строку. Статический сверстанный вариант тут: 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, время: 10:38. |