Question

当我在甘特图中显示数据时，它只显示日期而不是时间，但是在后端方法日期显示从数据库中检索时间。现在如何在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在甘特图中显示日期时间

1 个答案: