Add documentation for holidays option (was: Holidays don't works)

[ENy91]

Hi,

I try to set holidays in my chart,
I see your first topic on this issue (#56).
But I don't know how to set my holidays.

[usmonster]

Ah, it looks like there's still no documentation on how to use holidays at http://taitems.github.io/jQuery.Gantt/ . That should probably be added. :/

In the meantime, how have you been trying to use it? You should be able to just pass an array of dates, date strings, or millisecond values into the (undocumented as of now) option, holidays:

$('#gantt').gantt({
    // ...
    holidays: [new Date('2014/01/01'), new Date('2014/02/14'), ... ]
    // ...
});

The result is that there should be some different styling on those days. Please try it out and leave a comment if it doesn't work. Otherwise, and in the meantime, this issue will be considered a documentation task.

[ENy91]

Okay thanks for your reponse,

I haved tried with two date format ( yyyy/mm/dd) and (dd/mm/yyyy), but i haven't any render :

$('#gantt').gantt({
// ...
holidays: [new Date('19/02/2014'), new Date('2014/02/20')],
// ...
});

Before your example i have tried with date in millesecond.

[usmonster]

Can you provide a JSFiddle? Please note that the effect should be that the date header will appear yellow for those dates--it is not for displaying an actual item on the chart. (Please also note that the "big-to-small" (YYYY/MM/DD) date format is generally safer to use if you're passing a string to the Date constructor.)

[ENy91]

I create JSFiddle (http://jsfiddle.net/8FnE9/) and add holidays setting like your example. And i haven't any yellow render in the date header

[usmonster]

I see your issue. You specified a date that falls outside of the range of the chart data (2011/10/01). Since the date is not displayed, you will not see the header at all for it. You also may have forgotten to include the plugin's "style.css", though I can't tell if your "planning.css" takes care of that (many of your external resources appear to be not publicly accessible).

Please see here: http://jsfiddle.net/8FnE9/1/ . The main change is that I changed the holiday date to lie within the chart data range. Please let me know if that helps.

[ENy91]

I have renamed style.css in planning.css so it's the same plugin. And I have tried to with the good date.
But I don't know why i haven't render. I change my date like you, but can you confirm me that you have just change the date?

And which plugin you can't open?

[usmonster]

All I did was change the date of the holiday and the links to some of your resources, as you can see in the JSFiddle I referenced.

Are you using the most recent version of the plugin?

This issue is difficult to troubleshoot because all of the external resources you put in your JSFiddle cannot be accessed from outside your network (https://pstatbdd.dns22.socgen is not accessible to the general internet).

[ENy91]

Yeah it's an internal network. I will download the last version of the plugin. But I think that I have this one.
I have checked my plugin and I have the most recent version of your plugin.
So i think my issue from "planning.css" but I don't know where the difference between the two CSS plugin.

I send you ''planning.css" by email.

[ENy91]

Okay, The holiday setting works but my render's image has broken like this screen shot :
http://image.noelshack.com/fichiers/2014/08/1392734049-capture.jpg

[usmonster]

I see you are using Bootstrap. There might be an issue with the styles from Bootstrap interfering with the styles of the plugin (see #102). As a workaround, you can try adding the CSS seen in commit 2666f30 to your own stylesheet.

[ENy91]

I change the width and height of nav-link 20px for 12px and it's good for my gantt.