在 asp.net Mvc 中使用 Syncfusion 在甘特图中显示时间和日期

Question

当我在甘特图中显示数据时，它只显示日期而不是时间，但在后端方法中日期和时间从 database.Now 我如何在 SyncFusion 甘特图中显示时间和日期。

@(Html.EJ().Gantt("GanttContainer")
        .ToolbarSettings(options =>
        {
            options.ShowToolbar(true);
            options.ToolbarItems(new List<GanttToolBarItems>()
        {
            GanttToolBarItems.Add,
            GanttToolBarItems.Edit,
            GanttToolBarItems.Delete,
            GanttToolBarItems.Update,
            GanttToolBarItems.Cancel,
            GanttToolBarItems.Indent,
            GanttToolBarItems.Outdent,
            GanttToolBarItems.ExpandAll,
            GanttToolBarItems.CollapseAll,
            GanttToolBarItems.Search,
    });
        })
                  .TaskIdMapping("pt_id")
                  //                  .ParentTaskIdMapping("parent_pt_id")
                  .TaskNameMapping("pt_desc")
                  .StartDateMapping("s_start_date")    // Want To Display Time with Date Here
                  .EndDateMapping("s_end_date")        // Want To Display Time with Date Here
                  .ProgressMapping("pt_progress")
                  .EnableVirtualization(true)
                  .PredecessorMapping("link_logic" )
                  .ChildMapping("subtask")
                  .EnableCollapseAll(true)
                  .IsResponsive(true)
                  .HighlightWeekends(true)
                  .IncludeWeekend(true)
                  .SplitterPosition("50%")
                  .AllowColumnResize(true)
                  .TreeColumnIndex(1)
                  .AllowSelection(true)
                  .AllowSorting(true)
                  .AllowMultiSorting(true)
                  .ShowColumnChooser(true)
                  .EnableContextMenu(true)
                  .AllowGanttChartEditing(true)
                  .EditSettings(edit =>
                  {
                      edit.AllowEditing(true);
                      edit.AllowAdding(true);
                      edit.AllowDeleting(true);
                      edit.EditMode("cellEditing");
                  })   
               .Datasource(ViewBag.datasource)
               )

*

Answer 1

通过使用 DateFormat 属性我们可以按要求的格式显示开始日期和结束日期列。请在下面找到代码片段

//...
.DateFormat("MM/dd/yyyy hh:mm tt")
//...

在 asp.net Mvc 中使用 Syncfusion 在甘特图中显示时间和日期

Display Time with Date in Gantt Chart using Syncfusion in asp.net Mvc

asp.net-mvc

syncfusion