This is a migrated thread and some comments may be shown as answers.

Date picker localization

3 Answers 812 Views

Date/Time Pickers

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 20 Apr 2020, 09:03 PM

kalendarz.png

Polish messages are available and there is still an English version when choosing the date.

I also set ..
kendo.culture("pl-PL");

$("#Dod").kendoDatePicker( { culture:"pl-PL", format: "yyyy-MM-dd", width: "90px" , dateInput: true , min: new Date ( 2010,1,1 ) });
$("#Ddo").kendoDatePicker( { culture:"pl-PL", format: "yyyy-MM-dd", width: "90px" , dateInput: true , min: new Date ( 2010,1,1 ) });

Paweł

Jean-Francois

commented on 04 Mar 2022, 06:17 PM

I got the same problem in fr-CA, the dateInput is display as 'year-month-day' when it should be 'année-mois-jour'

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.301/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.1.301/js/kendo.all.min.js"></script>
</head>
<body>
  <script src="https://kendo.cdn.telerik.com/2022.1.301/js/cultures/kendo.culture.fr-CA.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.1.301/js/messages/kendo.messages.fr-CA.min.js"></script>
<script>

  kendo.culture("fr-CA"); 
  
</script>
  <input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    dateInput: true
});
</script>

</body>
</html>

I ran this in Kendo UI Dojo and the dateInput is still in english.

Jean-Francois

commented on 04 Mar 2022, 06:29 PM

kendo.ui.DateInput.prototype.options.messages have not been translated...

Nikolay

commented on 08 Mar 2022, 10:19 AM

Hi Jean-Francois,

The messages of the DateInput need to be configured by using the setOptions method of the DateTimePicker.

      $("#datetimepicker").kendoDateTimePicker({
        dateInput: true
      });

      var datetimepicker = $("#datetimepicker").data("kendoDateTimePicker");
      datetimepicker._dateInput.setOptions({
        messages:{
          "year": "custom year",
          "month": "custom mm",
          "day": "custom dd",
          "hour": "custom hh",
          "minute": " custom mm",
          "second": "custom ss",
          "dayperiod": "custom am/pm",
        }
      });

Updated Dojo: https://dojo.telerik.com/aYAmucOz

here is an article describing the above: https://docs.telerik.com/kendo-ui/knowledge-base/datetimepicker-messages-dateinput-change-text

Regards,

Nikolay