Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Bill on Mar 22, 2009 09:06
open dhtmlx forum
Synchronizing double calendars

I have a double calendar to set start/end dates for an event. If we are in March, and set the start date to May 15, can we have the second calendar automatically advance to May so selecting the end date will be easier? Right now it stays at March, so you have to advance manually.

Thanks!
Answer posted by Alex (support) on Mar 23, 2009 03:03

Calendar allows to set default selected date for left and right calendar:

dblCal.setDate("26/03/2008","15/05/2008");

Answer posted by Bill on Mar 23, 2009 03:15
I'm not sure that answers my question.  When I start, both calendars are positioned in March, which is correct.  Then the user selects the "From" date (in May) in the left hand calendar.  Calendar 2 is still positioned in March, but it should move to May sicne only dates later than the From date can be selected.  So, the question is, when a user makes a selection in one calendar, how do i move the other calendar to a different month?  I don't want to select a specific date, I just want the second calendar to show the correct month. 
Answer posted by Alex (support) on Mar 23, 2009 06:01

Possibly the following approach is what you need:

  mDCal.leftCalendar.setOnClickHandler (function (date) {
  mDCal.rightCalendar.date.setDate (1); 
  mDCal.rightCalendar.date.setMonth (new Date(date).getMonth () + 2); 
  mDCal.rightCalendar.draw(); 
  return true;
  });