Cannot set right datepicker locale in grid cell.

[Rykunov Alex]

I have the following grid:

                <ej-grid id="Grid" 
                [dataSource]="syncJobs" 
                [allowSorting]="true"
                [allowSelection]="true" 
                [allowPaging]="true" 
                [selectionType]="single"
                [allowTextWrap]="true"
                [allowResizing]="true"
                [editSettings]="{'allowEditing':'true', 'editMode':'batch', 'showConfirmDialog':false}"
                (cellSave)="saveRecord($event)">
                <e-columns>
                    <e-column field="id" [visible]="false" [isPrimaryKey]="true"></e-column>
                    <e-column field="date" headerTextAlign="center" editType="datepicker" [width]="80" format="{0:dd.MM.yyyy}" [editParams]="{'locale': 'ru-RU', buttonText: 'Сегодня'}" [allowFiltering]="false" headerText="Date"></e-column>
                    <e-column field="creationDate" headerTextAlign="center" editType="datepicker" width="80" format="{0:dd.MM.yyyy}" [editParams]="{locale: 'ru-RU', buttonText: 'Сегодня'}" [allowFiltering]="false" headerText="Creation Date"></e-column>
                </e-columns>
                </ej-grid>

I need these two datepickers to be the right (Russian) locale. ButtonText works perfectly, but the locale wont. 

I did refer the ru locale script, that I've downloaded from github and put in the folder. Here's the reference in the angular-cli.json (yes, this is an angular-cli project)

"scripts": [
        "./../node_modules/jquery/dist/jquery.min.js",  
        "./../node_modules/jsrender/jsrender.min.js",  
        "./../node_modules/syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js",
        "./../node_modules/syncfusion-ej-global/i18n/ej.culture.de-DE.js"  
      ],

Can you help me with this?

[Rykunov Alex]

I am afraid you've mistaken the forum thread.

[Venkatesh Ayothi Raman]

Hi Alex, 

Thanks for contacting Syncfusion support. 

We were unable to reproduce the reported issue at our end and we have prepared a sample for your reference which can be download from following link, 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Angular21877547662 

We went through your code example and found that you don’t referred culture file for locale ru-Ru. This is the cause of this issue. Please refer to the sample and code example for your reference, 

Code example: 

@Grid 

 

<div> 

   <ej-grid [allowPaging]="true" [dataSource]="gridData" [allowGrouping]="true" [toolbarSettings]="toolbarItems" [editSettings]="editSettings" > 

    <e-columns> 

              . . . 

        <e-column field="OrderDate" headerText="sds" [editParams]="{'locale': 'ru-RU', 'buttonText': 'Сегодня'}" editType="datepicker" format="{0:dd.MM.yyyy}"></e-column> 

        . . . 

    </e-columns> 

</ej-grid> 

</div> 

 

@index.html page 

    <script src="deps/js/jquery-1.11.3.min.js"></script> 

    <script src="deps/js/jquery.easing.1.3.min.js"></script> 

    <script src="deps/js/jsrender.min.js"></script> 

    <script src="deps/js/jsondata.min.js"></script> 

    <script type="text/javascript" src="//cdn.syncfusion.com/15.1.0.33/js/web/ej.web.all.js"></script> 

<script src="deps/js/cultures/ej.culture.de-DE.min.js"></script> 

<script src="deps/js/cultures/ej.culture.ru-RU.min.js"></script> 

    <script src="deps/js/ej.angular2.min.js"></script> 

If you still face the same issue, then could you please provide following details?  

1)      Any script error thrown while using locale? If so, provide screenshot of them. 

2)      Essential Studio Version details. 

3)      Provide the sample or modified the given sample as issue reproducible. 

Regards, 

Venkatesh Ayothiraman. 

[Rykunov Alex]

I was confused by the fact you have to restart your angular-cli project for the reference to kick in. Yes, this is working now. Thank you.

[Venkatesh Ayothi Raman]

Hi Alex, 

Thanks for the update. 

We are very happy to hear that your requirement is achieved. 

Regards, 

Venkatesh Ayothiraman.