How to set monday as a first day of the week in a datepicker?

[alexander.sirotkin]

Hello,

Is it possible to set monday as a first day of the week in a datepicker in a grid?

I have alredy changed the localization for calendar like this:

function loadCultureFiles() {
        var files = ['ca-gregorian.json', 'numbers.json', 'timeZoneNames.json'];
        var loader = ej.base.loadCldr;
        var loadCulture = function () {
            var val, ajax;
            ajax = new ej.base.Ajax('@Url.Content("~/scripts/de/")' + files[prop], 'GET', false);

            ajax.onSuccess = function (value) {
                val = value;
            };
            ajax.send();
            loader(JSON.parse(val));
        };
        for (var prop = 0; prop < files.length; prop++) {
            loadCulture();
        }
    }
    loadCultureFiles('de');
    ej.base.setCulture('de');

It works fine and the calendar have now in german , but 'Sunday' is still the first day of a week in a datepicker. How can i change it to 'Monday'

Code for the field in a grid:

<e-grid-column field="Geburtsdatum" format="dd.MM.yyyy" allowResizing="false" Width="150" editType="datepickeredit"  headerText="Geburtsdatum"></e-grid-column>

[Ajith Govarthan]

Hi Alexander, 

Thanks for contacting Syncfusion support. 

By default first day of week will be Sunday, so to change the behavior we suggest you to use the FirstDayOfWeek property of EJ2DatePicker.  

In this the value ranges from 0 to 6 which represents the index of days in a week. In EJ2 Grid component you can use the edit property of the column to use the FirstDayOfWeek property for Datepicker component. 

For your convenience we have attached the API link and code example so please refer them for your reference.  

Index.chstml 

@{ 

    var editParams = new { @params = new {  firstDayOfWeek= 1 } }; 

} 

 

<ejs-grid id="Grid" allowPaging="true" load="onLoad" created="onCreated" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel","Search" })"> 

 

    <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true"></e-grid-editSettings> 

    <e-grid-columns> 

        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column> 

        <e-grid-column field="EmployeeID" headerText="Employee Name" width="150"></e-grid-column> 

        <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column> 

        <e-grid-column field="OrderDate" headerText="Order Date" format="yMd" type="date" editType="datepickeredit" edit=editParams width="120"></e-grid-column> 

        <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column> 

    </e-grid-columns> 

</ejs-grid> 

API Link: https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.DatePicker.html#Syncfusion_EJ2_Calendars_DatePicker_FirstDayOfWeek  

UG-Link: https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/#cell-edit-type-and-its-params 

Please get back to us if you need further assistance. 

Regards, 

Ajith  

[alexander.sirotkin]

Thank you,

@{ 

    var editParams = new { @params = new {  firstDayOfWeek= 1 } }; 

}

return an error in my code

but

Edit="@(new { @params = new { firstDayOfWeek = 1 }})"

worked very well :)

[Ajith Govarthan]

Hi Alexander,  

Thanks for the update. 

We are happy to hear that your issue has been resolved. 

Please get back to us if you need further assistance. 

Regards, 

Ajith G. 

[Petr]

Hello, 

I'm sorry to hijack this thread - is it possible to set this globally?

For example by changing/adding additional parameter to culture file, e.g. 'ca-gregorian.json'?

I find it really annoying to set this up for each and every datepicker component I use. 

Thank you,

Petr

[Ajith Govarthan]

Hi Petr, 

  

Thanks for the update. 

  

Query: For example by changing/adding additional parameter to culture file, e.g. 'ca-gregorian.json'? I find it really annoying to set this up for each and every datepicker component I use. 

  

Based on your query we suspect that you want to add culture parameters globally for all your date picker component. So, before we proceed to your query, please share the below details to validate further on your requirement. 

  

1. Have you used the DatePicker component inside the Grid component?

  

2. Please share the code examples of your application.

  

3. Please share the screenshot or video demonstration of your requirement.

  

4. Share the Syncfusion package version.

  

Regards, 

Ajith G.