asp.net-mvc-3 - 在 MVC3 razor 中显示甘特图

Question

在我的项目中，我创建了一个带有某些属性的 html 标签，其中包括项目开始日期和项目结束日期。

我应该添加所有要显示从开始日期月份到结束日期月份突出显示的月份的月份列。

我不希望那里有任何功能。

只需突出显示从开始到结束的月份。

我认为它应该是一个甘特图。

但在网上，我能找到的只是甘特图调度程序，而不仅仅是显示。

有没有办法做到这一点？

任何形式的帮助将不胜感激。

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>
}