How can i add multiple calenders with different months

Suite and Optimus Suite 5
#1

Dear all,

Is any body know, how to add multiple calenders with different months on same page?

Thanks in advance,
Digambar

#2

Hi
What do you mean in ‘different month’? The determined dates?

#3

thanks for reply…

I mean. I want to show calender for current month i.e for February with some data, next to that calender for March and next to that calender for April month in a row on single page.

Thank you,
Digambar.

#4

Hi,

I want to add calendars given in attachment.

Calendar to create.png750×221 6.85 KB

#5

It wiil be 3 separated calendars like here:
dhtmlx.com/docs/products/dht … input.html
But in different containers, like here:
dhtmlx.com/docs/products/dht … _init.html

#6

Hi Digambar

Is there a way to draw a multicalendar and set rage date on it?
I mean the calendar that you put the photo is it dhtmlxCalendar?

#7

Hi isaac.rajaei
It is not dhtmlxCalendar on the picture
dhtmlxCalendar skins and views are the next:
dhtmlx.com/docs/products/dht … skins.html

#8

Thank you for your response.
Well; not about the skin I wanted some mulicaleander. some thing like this

eyecon.ro/datepicker/
third example
I want to have 6 caleander which I can set date.
at the moment I am using Jquery DatePick which it has conflicte with DHTMLXcalendar

#9

I want to set rage date between two diff dates

#10

So, you can use 3 calendar items near each other (you can use 3 containers; set dates +/- to today and link 1th and 3th calendars to th 2th).
We don’t plan to add this functionality in the near future.

#11

Thank you for your advise
but it is going to be 6 calender which is going to be very complicated.

For conflation :
As I said I am using Jquery Datepicker which it has conflat with DhtmlxCalendar.

What it does when I click two time on left or right it saddenly removes this class
“dhtmlxcalendar_cell dhtmlxcalendar_month_hdr ui-draggable dds_selected”
from ul li (On top of calendar);

How do I sort it -> by adding class

setInterval(function(){hideConflict()},10);
function hideConflict(){
$(".dhtmlxcalendar_line").children().first().addClass(‘dhtmlxcalendar_cell dhtmlxcalendar_month_hdr ui-draggable dds_selected’);
}

I donno if it is a good way to solve the matter but it works :slight_smile: :wink:

#12

So, if it works fine now - everything is all right. If you face a mistake - just write here. :slight_smile:

#13

Very good. Thank you for your help and quick response. :slight_smile:

#14

You are welcome!