JS calendar или разбивка информации по дате?

Question

[Алексей Сергеев]

Здравствуйте! Помогите скриптом, или укажите направление куда копать.

Отдаю сервером (xml/json) с данными, допустим {дата:число}

Нужно на сайте разбросать их по такой таблице (Сверху дата, снизу данные)


Как это лучше реализовать?

P.S: Данные с сервера могу отдать практически в любом виде.

Comments

[Алексей Уколов]

В чём конкретно ваш вопрос? Копайте в сторону базовых конструкций javascript.

[Алексей Сергеев]

Алексей Уколов: конкретно как реализовать такую таблицу(видимо функция date), сравнивать значение даты сверху со значениями в Json и правильно подставлять данные, если они есть.

[Алексей Сергеев]

+ в феврале формировать таблицу из 28(29) дней, в марте 31 и.т.д.

Answer 1

[Денис]

Схематически, можно сделать так

var obj = {
    2: {
        5: 15,
        11: 220,
        30: 70
    },
    3: {
        1: 65,
        4: 30,
        30: 5
    }
};

function daysInMonth(month, year) {
    return (new Date(year, month, 0)).getDate();
}
var months = Object.keys(obj),
	tbl = '<table>',
    lineTop = '',
    lineBot = '';

for(var i = 0; i < months.length; i++) {
    lineTop = '<tr>';
    lineBot = '<tr>';
	for(var d = 1; d <= daysInMonth(months[i], 2016); d++) {
    	lineTop += '<th>' + d + '</th>';
        if(obj[months[i]].hasOwnProperty(d)) {
        	lineBot += '<td class="has-val">' + obj[months[i]][d] + '</td>';
        } else {
        	lineBot += '<td></td>';
        }
    }
    lineTop += '</tr>';
    lineBot += '</tr>';
    tbl += lineTop + lineBot;
}
tbl += '</table>';
document.body.innerHTML = tbl;

Comments

[Алексей Сергеев]

Денис Спасибо! То, что нужно!