ejs-calendar having problem with Globalisation for latest version.

[Parthkumar Kakadiya]

Hi,

I am working on Angular 8 Application. I having strange problem. 

Having below version of calendar and schedule.

=> Globalisation working fine with this version but not working with latest version of angular calendar. Getting below error.

ERROR TypeError: Cannot convert undefined or null to object

    at Function.keys ()

    at FormBase.getCultureValues (ej2-calendars.es2015.js:259)

    at FormBase.createContentHeader (ej2-calendars.es2015.js:291)

    at FormBase.createContent (ej2-calendars.es2015.js:243)

    at FormBase.createContent (ej2-calendars.es2015.js:1973)

    at FormBase.render (ej2-calendars.es2015.js:139)

    at FormBase.render (ej2-calendars.es2015.js:1882)

    at FormBase.disabledDates (ej2-calendars.es2015.js:4084)

    at FormBase.updateInput (ej2-calendars.es2015.js:2932)

    at FormBase.onPropertyChanged (ej2-calendars.es2015.js:11915)

I have encounter the problem also. Problem is path for getting language data having problem.

with version 17.2.49 it's working fine.

Now If I upgrade the schedule with 17.3.28 . As i want to use popupClose which is supported with the ejs-schedule version 17.3.28.

Please try to find some solution to this problem. I have attached the component files with attachment. 

Regards,

Parth

Attachment: calendar_5ef5a23a.zip

[Vengatesh Maniraj]

Hi Parthkumar, 

Greetings from Syncfusion Support. 

We have prepared a Scheduler sample in Angular cli-8 version with “de” as locale property which is working properly at our end and the sample can be downloaded from the following link, 

Sample: https://www.syncfusion.com/downloads/support/forum/150795/ze/sample-283797700  

 

And for further reference kindly refer the below UG link, 

UG link: https://ej2.syncfusion.com/react/documentation/schedule/localization/ 

Kindly try the above sample, if you have any concerns please revert us back for further assistance. 

Regards, 

Vengatesh 

[Parthkumar Kakadiya]

Hi Vengatesh,

Thanks a lot for your solution.

The Globalization for ejs-schedule is working fine for any version.

My problem is if i use angular-schedule version higher than 17.2.49 than ejs-datetimepicker which is part of ej2-angular-calendar having problem with globalization.

here is my module version info.

with this combination schedule globalization working fine like: 

but datetimepicker globalization having problem     like:

so can you please provide example for globalization of datetimepicker and schedule with latest version or compatible version.

Regards,

Parth 

[Parthkumar Kakadiya]

Hi,

Can somebody update me with my problem please.

It is really critical problem.

Thanks.

Regards,

Parth

[Hareesh Balasubramanian]

Hi Parthkumar, 

Sorry for the delay post. 

Based on your requirement, we have prepared a sample using Scheduler and Calendar components with locale as “de” and it is working properly at our end. And the sample can be downloaded from the following link, 

https://www.syncfusion.com/downloads/support/forum/150795/ze/sample-396731021 

<ejs-schedule width='100%' locale='de' height='650px' (popupClose)="onPopupClose($event)"> 

    <ng-template #editorTemplate let-data> 

        <table *ngIf="data != undefined" class="custom-event-editor" width="100%" cellpadding="5"> 

            <tbody> 

                <tr> 

                    <td class="e-textlabel">Summary</td> 

                    <td colspan="4"> 

                        <input id="Subject" class="e-field e-input" type="text" value="{{data.Subject}}" name="Subject" 

                            style="width: 100%" /> 

                    </td> 

                </tr> 

                <tr> 

                    <td class="e-textlabel">From</td> 

                    <td colspan="4"> 

                        <ejs-datetimepicker locale='de' id="StartTime" class="e-field" data-name="StartTime" 

                            format="M/dd/yy h:mm a" [value]="dateParser(data.startTime || data.StartTime)"> 

                        </ejs-datetimepicker> 

                    </td> 

                </tr> 

                <tr> 

                    <td class="e-textlabel">To</td> 

                    <td colspan="4"> 

                        <ejs-datetimepicker locale='de' id="EndTime" class="e-field" data-name="EndTime" 

                            format="M/dd/yy h:mm a" [value]='dateParser(data.endTime || data.EndTime)'> 

                        </ejs-datetimepicker> 

                    </td> 

                </tr> 

                <tr> 

                    <td class="e-textlabel">Reason</td> 

                    <td colspan="4"> 

                        <textarea id="Description" class="e-field e-input" name="Description" rows="3" cols="50" 

                            value="{{data.Description}}" 

                            style="width: 100%; height: 60px !important; resize: vertical"></textarea> 

                    </td> 

                </tr> 

            </tbody> 

        </table> 

    </ng-template> 

</ejs-schedule> 

Kindly try the above sample, if you have any concerns please revert us back for further assistance. 

Regards, 

Hareesh 

[Parthkumar Kakadiya]

Hi Hareesh,

Thanks a lot.. 

Your solution works now for my application. Thanks a lot for your help. You guys doing great work. Keep Doing.

Have a nice day.

Regards,

Parth

[Vengatesh Maniraj]

Hi Parth, 

Thanks for the update. 

We are glad that your requirement has fulfilled. 

Regards, 

Vengatesh