We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Show week number in Month Schedule Mode

Hi,

How I can set ".WeekHeaderFormat()" to show week's number (1 - 52)?

Thank you in advance and kind regards,

Antonios Chatzis

7 Replies

MK Mahalakshmi Karthikeyan Syncfusion Team December 16, 2015 10:01 AM UTC

Hi Antonios,

Thanks for contacting Syncfusion support.

In Gantt currently it is possible to render the Gantt schedule only with standard date format strings and it is not possible to render schedule with custom formats. Hence we have logged a feature report regarding this. A support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents

Please let us know if you require further assistance on this.      

Regards,

Mahalakshmi K.



MM Martin McSharry July 25, 2019 06:12 PM UTC

Hi Guys

Has this been implemented yet?

Thanks,
Martin


JA Jesus Arockia Sankaran S Syncfusion Team July 26, 2019 09:43 AM UTC

Hi Martin, 
 
In JQuery based Gantt(EJ1-Gantt), we don’t have support to render timeline cells with custom format. Currently we are working on JavaScript based Gantt(EJ2-Gantt). In this we already provided support to render custom formats in the timeline cells by using the formatter property. 
 
Please find the below UG documentation and online sample link. 
 
We suggest you to use our newer version of Gantt, please let us know if you require further assistance. 
 
Regards, 
Jesus Arockia Sankaran S 



MM Martin McSharry July 26, 2019 09:58 AM UTC

Thanks
1.     When will the new JavaScript based Gantt(EJ2-Gantt) version be available.
2. Does it include all the functionality of the previous Gantt(EJ1-Gantt) - I would need to be sure about this before switching.


PP Pooja Priya Krishna Moorthy Syncfusion Team July 29, 2019 07:33 AM UTC

Hi Martin, 
Please find the response below. 
 
No 
Queries              
Syncfusion Comments 
 
1 
 
 
When will the new JavaScript based Gantt(EJ2-Gantt) version be available. 
 
 
We have already launched our Gantt component in EJ2 at preview state. The main version of the Gantt will be release in our upcoming Volume 3, 2019 main release, which is expected to be rolled out at the mid of October, 2019.  
 
 
2 
 
 
Does it include all the functionality of the previous Gantt(EJ1-Gantt) - I would need to be sure about this before switching. 
 
 
Most of the features available in EJ1 Gantt are available in EJ2 Gantt.  Please find the below online sample and documentation link. 
 
 
 
Regards, 
Pooja Priya K. 



AC Antonios Chatzis July 29, 2019 08:51 AM UTC

Hello,

Thank you very much for your effort for this feature.

Unfortunately from the examples on given links, I can't see any possibility to show the number of week in the header (week's number in the year 1 to 52).
It's seams that is show only date with 1 week step.

Can you, please, show how a week number can be shown in the header?

Thank you in advance and
Kind regards,
Antonios Chatzis


JA Jesus Arockia Sankaran S Syncfusion Team July 30, 2019 09:16 AM UTC

Hi Antonis, 
 
By using Formatter  property, we can render custom formats in timeline cells. We can also customize the format in both top tier and bottom tier of timeline separately. Please find the code example below. 
 
@(Html.EJS().Gantt("DefaultFunctionalities").DataSource((IEnumerable<object>)ViewBag.DataSource).Height("450px").HighlightWeekends(true) 
     .TimelineSettings(ts => ts.TopTier(tt => tt.Unit(Syncfusion.EJ2.Gantt.TimelineViewMode.Month)) 
     .BottomTier(bt => bt.Unit(Syncfusion.EJ2.Gantt.TimelineViewMode.Week).Formatter("formatter"))) 
      .Render() 
) 
 
<script> 
    function formatter(date) { 
        var start = new Date(date.getFullYear(), 0, 1); 
        var dayOfYear = Math.floor((date - start) / 86400000); //86400000 = hour * minutes * seconds * ms 
        return (Math.ceil(dayOfYear / 7) + 1); 
   } 
</script> 
 
We ask you to refer the below sample and UG documentation for further reference 
. 
 
Please get back to us if you need any further assistance on this.  
 
Regards, 
Jesus Arockia Sankaran S 


Loader.
Live Chat Icon For mobile
Up arrow icon