Setting the DateInput Messages of the DateTimePicker

Environment

Product	Telerik UI for ASP.NET Core DateTimePicker
Progress Telerik UI for ASP.NET Core version	Created with the 2022.2.802 version

Description

How can I configure the messages of the date input in the Telerik UI for ASP.NET Core DateTimePicker?

Solution

To achieve the desired scenario, reference the dateInput of the DateTimePicker and use the setOptions method of the DateTimePicker to change its messages.

Index.cshtml

    @(Html.Kendo().DatePicker()
            .Name("datepicker")
            .DateInput()
            .HtmlAttributes(new { style = "width: 100%", title = "datepicker" })
    )

Script.js

    <script>
        $(document).ready(function () {
            var datetimepicker = $("#OrderDate").data("kendoDatePicker");
            datetimepicker._dateInput.setOptions({
                messages: {
                    "year": "YYYY",
                    "month": "MM",
                    "day": "DD"
                }
            });
        })
    </script>

For the complete implementation of the suggested approach, refer to the Telerik REPL example on setting the date input messages of the DateTimePicker.

More ASP.NET Core DateTimePicker Resources

• ASP.NET Core DateTimePicker Documentation

• ASP.NET Core DateTimePicker Demos

• ASP.NET Core DateTimePicker Product Page

• Telerik UI for ASP.NET Core Video Onboarding Course (Free for trial users and license holders)

• Telerik UI for ASP.NET Core Forums

See Also

• Telerik REPL: Setting the Date Input Messages of the DateTimePicker
• Client-Side API Reference of the DateTimePicker for ASP.NET Core
• Server-Side API Reference of the DateTimePicker for ASP.NET Core
• Telerik UI for ASP.NET Core Breaking Changes
• Telerik UI for ASP.NET Core Knowledge Base