Hi Viktor,
We checked your reported query based on your provided sample and you are getting the console error “Cannot convert undefined or null to object”. The cause for the reported error is culture not loaded properly in your sample. You need to load the corresponding culture files as like below code snippet.
For more information, please refer the below documentation:
To go with the different culture other than English, follow the steps. Install the CLDR-Data package by using the below command (it installs the CLDR JSON data).
|
npm install cldr-data --save |
Once the package installed, you can find the culture specific JSON data under the location \node_modules\cldr-data.
In ASP.NET Core, the static file contents are should present under wwwroot folder. For this, manually copy the CLDR-Data from the node_modules folder and place inside the wwwroot folder and refer from the \wwwroot\scripts\cldr-data location as like the below code examples.
|
<ejs-datepicker id="datepicker" format="yyyy-MM-dd" value="@DateTime.Now.Date"></ejs-datepicker>
<script>
document.addEventListener('DOMContentLoaded', function () {
datepicker = document.getElementById('datepicker').ej2_instances[0];
var L10n = ej.base.L10n;
L10n.load({
'de': {
'datepicker': {
placeholder: 'Wählen Sie ein Datum',
today: 'heute'
}
}
});
loadCultureFiles('de');
ej.base.setCurrencyCode('EUR');
ej.base.setCulture('de');
});
function loadCultureFiles(name) {
var files = ['ca-gregorian.json', 'numbers.json', 'timeZoneNames.json'];
if (name === 'ar') {
files.push('numberingSystems.json');
}
var loader = ej.base.loadCldr;
var loadCulture = function (prop) {
var val, ajax;
if (name === 'ar' && prop === files.length - 1) {
ajax = new ej.base.Ajax(location.origin + location.pathname + '/../../cldr-data/supplemental/' + files[prop], 'GET', false);
} else {
ajax = new ej.base.Ajax(location.origin + location.pathname + '/../../cldr-data/main/' + name + '/' + 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(prop);
}
}
</script> |
We have prepared sample and attached below:
Regards,
Ponmani M
