How to hide time from Planned Start, Planned End, Start and End in Kendo UI for jQuery Gantt Chart Tooltip

[Abhishek]

Hi,

I want to hide TimeStamp from Planned Start, Planned End, Start, and End in Kendo UI for the jQuery Gantt Chart Tooltip.

Also if there is any way to completely hide/block time from Gantt as I want to work on days and weeks only without time.

 

 

 

 

[Nikolay]

Hi Abhishek,

You can use a template for the tooltip and format the dates as desired. Here is an example:

tooltip: {
    visible: true,
    template: kendo.template($("#tooltip-template").html())
  }
...
  <script id="tooltip-template" type="text/x-kendo-template">
    Title: #= task.title #
    </br>
    #= kendo.toString(task.start, 'D') #
    </script>

Dojo demo: https://dojo.telerik.com/umunEvUv

More about date formatting you can find in the following article:

• Date Formatting - Kendo UI Globalization - Kendo UI for jQuery (telerik.com)

Please let me know if you have any questions.

Regards,
Nikolay
Progress Telerik