Отображение диаграммы Ганта в MVC3 razor

Question

В моем проекте я создал ярлык html с определенными атрибутами, которые включают дату начала проекта и дату окончания проекта.

Я должен добавить все столбцы месяца, где я хочу показать месяцы, выделенные с даты начала месяца, до конца месяца.

Мне не нужен какой-либо функционал.

Просто выделите месяцы от начала до конца.

Я думал, что он должен быть диаграммой Ганта.

Но в сети все, что я могу найти, это планировщики диаграмм gantt, а не только дисплей.

Есть ли способ сделать это?

Любая помощь будет принята с благодарностью.

Answer 1

Будет ли это делать трюк?

http://taitems.github.io/jQuery.Gantt/

Ганта для JQuery, будет работать с MVC3 довольно хорошо.

Answer 2

Предполагая, что ваша цель состоит в «дисплей только названия месяцев и выделить все месяцев с начала месяца до конца месяца», попробуйте следующее:

Модель:

public class Month 
{ 
    public string Name { get; set; } 
    public bool isHighlighted { get; set; } 
} 

контроллер :

public ActionResult MyCalendar() 
{ 
    // code untested; not sure of the exact syntax since I don't have VS on this machine... 

    DateTime currentDate = DateTime.Now.AddDays(1 - DateTime.Now.Day); // Make sure we start on the first that month 
    DateTime endDate = currentDate.AddMonths(11); 

    DateTime highlightStartDate = currentDate.AddMonths(3); 
    DateTime highlightEndDate = currentDate.AddMonths(9); 

    List<Month> months = new List<Month>(); 

    while (currentDate <= endDate) 
    { 
     if (currentDate >= highlightStartDate && currentDate <= highlightEndDate) 
     { 
      months.Add(new Month({ 
         Name = currentDate.ToString("MMMM"), 
         isHighlighted = true 
        }); 
     } 
     else 
     { 
      months.Add(new Month({ 
          Name = currentDate.ToString("MMMM"), 
          isHighlighted = false 
         }); 
     } 
     currentDate = currentDate.AddMonths(1); 
    } 

    return View(months); 
} 

Вид:

@model List<MyMvcProject.Models.Month> 

<style> 
    .month { display: inline-block; float: left; } 
    .highlighted { background-color: green; } 
</style> 

@foreach(Month month in Model) 
{ 
    <div class="month 
     @if (month.isHighlighted) 
     { 
      @:highlighted 
     } 
    ">@month.Name</div> 
}