Mini calendar component within Scheduler

Scheduler Javascript
#1

Hi,

I noticed that dhtmlxCalendar control can navigate to different year or month by clicking on the header part of the calendar. However, in the calendar control in the scheduler, it does not show month or years to navigate to.

I’m opening the calendar like following:

		scheduler.renderCalendar({
			position:"dhx_minical_icon",
			date:scheduler._date,
			navigation:true,
			handler:function(date,calendar){
				scheduler.setCurrentView(date);
				scheduler.destroyCalendar()
			}
		});

Is there any setting that I’m missing which allows month or year navigation?

thank you.

#2

Hi,
minicalendar that included into dhtmlxScheduler(and rendered by scheduler.renderCalendar) is not dhtmlxCalendar. Year and month selection are unavailable there. It can only scroll months by left/right arrows in header

#3

Hi,

so how do i get calendar (NOT mini calendar) working with scheduler.

can i extend mini calendar to act like calendar?

Thanks

#4

I implemented the original calendar into an old version of dhtmlxScheduler and it works perfectly!
just put the initalisation in a function and call them after init() of scheduler via parent.FUNCTIONNAME();

My function was looking like that (please be patient, this was an older version of calendar!!!):

[code] function kalender() {

	var mCal;
	mCal = new dhtmlxCalendarObject('dhtmlxCalendar', false, {
	isWinHeader: true
	});

	mCal.attachEvent("onClick",function(date){
		scheduler.setCurrentView(date,"day");
	})
	//mCal.attachEvent("onChangeMonth",function(date){
	//	alert(mCal.getDate());
	//	scheduler.setCurrentView(mCal.getDate(),"month");
	//	alert("FIN");
	//})
	//mCal.attachEvent("onClick", mSelectDate);
	//mCal.attachEvent("onChangeMonth", mSelectMonth);
	mCal.setSkin("vista2");
	mCal.loadUserLanguage("de");
	kalender.draw();
	return true;
}[/code]

My HTML part was this:

[code] 

	<div class="dhx_cal_navline">
		<div class="dhx_cal_prev_button">&nbsp;</div>
		<div class="dhx_cal_next_button">&nbsp;</div>
		<div class="dhx_cal_today_button"></div>
		<div class="dhx_cal_date"></div>
		<div class="dhx_cal_tab" name="unit_tab" style="right:500px;"></div>
		<div class="dhx_cal_tab" name="agenda_tab" style="right:360px;"></div>
		<div class="dhx_cal_tab" name="day_tab" style="right:236px;"></div>
		<div class="dhx_cal_tab" name="week_tab" style="right:171px;"></div>
		<div class="dhx_cal_tab" name="month_tab" style="right:106px;"></div>
		<div class="dhx_cal_tab" name="year_tab" style="right:41px;"></div>
	</div>
	<div class="dhx_cal_header">
	</div>
	<div class="dhx_cal_data">
	</div>
	[b]<div id="dhtmlxCalendar" style="position: absolute; bottom: 10px; right: 30px;"></div>[/b]
</div>[/code]

so the calendar was always bottom right. Works perfect for me. Perhaps i did a little bit more tweaks in the code, but i can not remember yet, so perhaps i will when you run into an error…

Hope to help ya!

#5

Thanks, that sort of work, though i just used it as an idea but did not use all your code, but it was very helpful to give some idea to try that worked.

Do you know if we can do something similar with javaplanner and replace the mini calendar with the full calendar?

Many Thanks