How to change the Date's Format in the Gantt?

In the Gantt chart it shows the start date in the wrong format. 2014-01-01 now which is the day and which is the month?

I want it Jan-1-2014 but cannot figure out how. I read thru samples and docs, and found this and applied it, yet it has ZERO effect on the gantt chart. I was hoping to modify 3 things, this date format; the width of the months, and to change the top row that just has the year 12 times, you have to count along to see which month it is? make it something like the first month letter, then year so January 2014 is J 2014 and the next column is F 2014, etc unless there’s a better way, but how to change and set the Date formatting

I looked up … plate.html but cannot figure out how this is done

[code] gantt.config.auto_scheduling = true;
gantt.config.auto_scheduling_initial = false;
gantt.config.auto_scheduling_strict = false;

        gantt.config.api_date = "%m-%d-%Y %H:%i";
        gantt.config.xml_date = "%m,%d,%Y";
        gantt.config.work_time = true;
        gantt.config.correct_work_time = true;
        gantt.config.date_grid = "%m-%d-%Y";
        gantt.config.scale_unit = "day";
        gantt.config.date_scale = "%M, %D, %d";
        gantt.config.duration_unit = "day";
        gantt.config.step = 1;
        gantt.config.scale_height = 50;
        gantt.config.details_on_create = true;
        gantt.config.highlight_critical_path = true;
        gantt.config.show_progress = true;
        gantt.config.skip_off_time = true;
        gantt.setWorkTime({ hours: [9, 18] });
        gantt.config.autosize_min_width = 450;
        gantt.config.start_on_monday = false;
        gantt.config.drag_move = true;
        gantt.config.drag_progress = true;
        gantt.config.drag_lightbox = false;
        gantt.config.drag_resize = true;
        gantt.config.drag_links = true;
        gantt.config.fit_tasks = true;
        gantt.config.grid_width = 400;
        gantt.config.grid_resize = true;
        gantt.config.order_branch = true;


for start dates in grid, make sure you setting the right value to the date_grid config

A date format for time scale is defined by these configs … onfig.html … onfig.html

Since there is no predefined formatter for the first letter of a month, you’ll have to define a template function … plate.html

And this property goes for width of columns (dates) in timeline area: … onfig.html

that was VERY helpful!!!

it solved it, because of your input and i went back and checked the code, and because I have been modifying and trying this so many times (over days) there are bunches of code and bunches of commented OUT code. at the end? code for formatting for this part, which was changing back my settings and is why nothing i put in to the format part would modify what i saw… there is no emoticon to express how I feel about that.

but the more I work with this, I want to say its a very good product and great support, thanks again