persion calendar

Sara_Yousefi · April 7, 2020, 10:25am

Hi Does DayViewer support Persian calendar?

Polina · April 8, 2020, 7:05am

Hello,

Unoftunately, there is no easy way to implement Persian calendar in dhtmlxScheduler, it requires quite an extensive work with the source codes.
You can start by looking into the default date methods of the scheduler:

github.com

DHTMLX/scheduler/blob/v5.3.6/codebase/sources/dhtmlxscheduler.js#L4982


				break;
			default:
				break;
		}
	}
	var code = "set[0],set[1],set[2],set[3],set[4],set[5]";
	if (utc) code = " Date.UTC(" + code + ")";
	return new Function("date", "var set=[0,0,1,0,0,0]; " + splt + " return new Date(" + code + ");");
};


scheduler.date = {
	init:function(){
		var s = scheduler.locale.date.month_short;
		var t = scheduler.locale.date.month_short_hash = {};
		for (var i = 0; i < s.length; i++)
			t[s[i]]=i;


		var s = scheduler.locale.date.month_full;
		var t = scheduler.locale.date.month_full_hash = {};
		for (var i = 0; i < s.length; i++)
			t[s[i]]=i;

You can redefine some or all of them from your code.

I think we implemented Persian calendar as a part of a separate project some time ago (it wasn’t included in the official build of the scheduler). The working approach was to implement a class which has all methods of JS Date but works in Persian calendar and to replace all ‘new Date’ calls in scheduler codebase with a factory method e.g. ‘createDate(params)’ that could return either a native JS Date or a custom Persian Date object depending on configuration. Once is switched to another Date implementation, scheduler worked pretty much as expected and it could be switched between different calendars in a runtime.

Moth labels could be changed using locales.

Unfortunately, I don’t have more specific instructions, nor can I provide a code we implemented for that project.

Sara_Yousefi · April 14, 2020, 7:39am

Hello
Thanks for the explanation
Another question
Can I increase or decrease the number of days in a month?
For example, should I change a month that is 28 days to 31 days?

Polina · April 15, 2020, 2:13pm

Hi @Sara_Yousefi

Did you try this way?

I.e. Scheduler uses a native JS Date where you can’t change the number of days in the month. You should create a custom Date object for the Persian calendar instead and specify there the required number of days.

Sara_Yousefi · April 27, 2020, 4:16am

Hello
I was able to solve this problem to some extent for the time being, but it is still not a complete and correct method.
Another problem I have is the start of the week, is it possible to start the week on Saturday?
Thanks for your support

Polina · April 27, 2020, 3:53pm

Hi @Sara_Yousefi

There is start_on_monday config to set week start either from Monday or from Sunday.

To specify any another day, you should redefine it in the scheduler.date.week_start function in the source code:

github.com

DHTMLX/scheduler/blob/v5.3.6/codebase/sources/dhtmlxscheduler.js#L5015


		date.setSeconds(0);
		date.setMilliseconds(0);
		if (date.getHours() && //shift to yesterday on dst
			(date.getDate() < old.getDate() || date.getMonth() < old.getMonth() || date.getFullYear() < old.getFullYear()) )
			date.setTime(date.getTime() + 60 * 60 * 1000 * (24 - date.getHours()));
		return date;
	},
	time_part:function(date){
		return (date.valueOf()/1000 - date.getTimezoneOffset()*60)%86400;
	},
	week_start:function(date){
		var shift=date.getDay();
		if (scheduler.config.start_on_monday){
			if (shift===0) shift=6;
			else shift--;
		}
		return this.date_part(this.add(date,-1*shift,"day"));
	},
	month_start:function(date){
		date.setDate(1);
		return this.date_part(date);

A small description in the article “Custom View” also can be helpful:
https://docs.dhtmlx.com/scheduler/custom_views.html#stepbystepexample

Regards

Sara_Yousefi · April 28, 2020, 7:10am

hi
fixed
thank you so much