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

Question

When I displayed data in gantt chart it displays only date not time but in back end method date with time retrieve from database.Now How can I display Time with Date in SyncFusion Gantt Chart.

Gantt Chart *

@(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)
               )

*

mani · Accepted Answer · 2016-08-29 06:01:47Z

0

By using DateFormat property we can display start date and end date columns in required format. Please find the code snippet below

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

answered Aug 29, 2016 at 6:01

mani

9611 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related