Change calendar date year by year?

Suite and Optimus Suite 5
#1

I am using dhtmlxCalendar in my project which allow user to change date month by month. There is a requirement to change the year directly.
How can we do this?

Prompt reply will be appreciated.

Thanks,
Manish

#2

You can init calendar as

[code]mCal2 = new dhtmlxCalendarObject('dhtmlxCalendar2', false, {
  isYearEditable: true, //this flag allows direct edit of year - dblclick on year label
  isMonthEditable: true
});[/code]
#3

Thanks for the reply.
I am using loadXMLString(’<%=xmlStr%>’) to load the entire table of grid framework. The grid xml looks like:

0true 1true Date Name px

On JSP page there are a number of grids each is loaded as follows:
mygrid[’${gKey}’] = new dhtmlXGridObject(’${gKey}’);
mygrid[’${gKey}’].loadXMLString(’<%=xmlStr%>’);

Please suggest the required changes.

#4

In case of type=“dhxCalendar”

mygrid.attachEvent("onDhxCalendarCreated", function(cal){ cal.options.isYearEditable = true; cal.draw(); return true; })

#5

I made the changes mentioned above, but its not working. Calendar with non editable year is still displayed.

I think event “onDhxCalendarCreated” is not generated for type=“Calendar” as alert message that I put in the function was not displayed.

Kindly let me know if additional information is required.

#6

Check the attached sample.

I think event “onDhxCalendarCreated” is not generated for type=“Calendar”
Yes, but you can use dhxCalendar column type
“calendar” column uses non-dhtmlx calendar component, which just has not year selection functionality
1283960912.zip (120 KB)

#7

After using dhxCalendar, I am able to get calendar with year as editable, but the calendar is transparent and when we click on the year, position of year combo box is changing.
Please see the attached screen.

Also function for event onDhxCalendarCreated is not invoked.



#8

but the calendar is transparent and when we click on the ye
The default skin for the calendar in grid is yahoolike. Therefore, make sure that dhtmlxcalendar_yahoolike.css is included.

Also function for event onDhxCalendarCreated is not invoked.

Please check the sample that was attached the Stanislav’s reply - the onDhxCalendarCreated event is called.

if the problems are not solved, please provide the complete demo to reproduce them.