отображать календарный год с пользовательскими гиперссылками в asp.net mvc

Question

Я хочу создать веб-страницу MVC, которая отображает 12 месяцев в году в формате календаря. Внутри каждого дня месяца я буду выделять только даты, которые имеют какое-либо действие (данные из базы данных). Даты с активностью также будут связаны гиперссылкой с маршрутом, например / Activity / 2008/12/25

Я собираюсь попробовать использовать элемент управления календарем инструментария управления ajax asp.net, но мне было интересно, есть ли у кого-нибудь еще советы.

Answer 1

Визуализация календаря не очень сложна. Используя DateTimeFormatInfo в System.Globalization и DateTime, можно получить всю необходимую информацию:

• DateTimeFormatInfo.CurrentInfo.FirstDayOfWeek
• DateTimeFormatInfo.CurrentInfo.GetMonthName (месяц)
• DateTimeFormatInfo.CurrentInfo.GetAbbreviatedDayName ((DayOfWeek) dayNumber)

Месяц в календаре можно отобразить в виде таблицы:

_ _ _ 1 2 3 4 
5 6 7 8 9 ...

Чтобы определить количество пустых ячеек в начале, можно использовать что-то вроде этого:

DateTime date = new DateTime(year, month, 1);
int emptyCells = ((int)date.DayOfWeek + 7 
    - (int)DateTimeFormatInfo.CurrentInfo.FirstDayOfWeek) % 7;

Поскольку в начале есть максимум 31 день и максимум 6 пустых ячеек, месяц можно отобразить на максимуме Ceil (37/7) = 6 строк. Таким образом, в месяц можно вывести максимум 42 ячейки, некоторые из них будут пустыми.

Новая строка вставляется в таблицу каждые 7 (количество дней в неделе) ячеек.

int days = DateTime.DaysInMonth(year, month);
for (int i = 0; i != 42; i++)
{
    if (i % 7 == 0) {
        writer.WriteLine("<tr>");
        if( i > 0 ) writer.WriteLine("</tr>");
    }

    if (i < emptyCells || i >= emptyCells + days) {
        writer.WriteLine("<td class=\"cal-empty\">&nbsp;</td>");
    } else {
        writer.WriteLine("<td class=\"cal-day\"\">" + date.Day + "</td>");
        date = date.AddDays(1);
    }
}

Кроме того, просто добавьте дополнительную ссылку в непустых ячейках к нужному маршруту, когда даты соответствуют активности.