New to Kendo UI for jQuery? Start a free 30-day trial

Messages.dateInput

configuration

The messages that DateInput uses. Use it to customize or localize the placeholders of each date/time part.

messages.dateInput

Object

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages:{
        dateInput:{
            "year": "year",
            "month": "month",
            "day": "day",
            "weekday": "day of the week",
            "hour": "hours",
            "minute": "minutes",
            "second": "seconds",
            "dayperiod": "AM/PM"
        }
    }
});
</script>

messages.dateInput.day

String

The placeholder for the day of the month part.

Default: "day"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            day: "Day"
        }
    }
});
</script>

messages.dateInput.dayperiod

String

The placeholder for the AM/PM part.

Default: "AM/PM"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            dayperiod: "AM/PM"
        }
    }
});
</script>

messages.dateInput.hour

String

The placeholder for the hours part.

Default: "hours"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            hour: "Hours"
        }
    }
});
</script>

messages.dateInput.minute

String

The placeholder for the minutes part.

Default: "minutes"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            minute: "Minutes"
        }
    }
});
</script>

messages.dateInput.month

String

The placeholder for the months part.

Default: "month"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            month: "Month"
        }
    }
});
</script>

messages.dateInput.second

String

The placeholder for the seconds part.

Default: "seconds"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            second: "Seconds"
        }
    }
});
</script>

messages.dateInput.weekday

String

The placeholder for the day of the week part.

Default: "day of the week"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            weekday: "Weekday"
        }
    }
});
</script>

messages.dateInput.year

String

The placeholder for the years part.

Default: "year"

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDateTimePicker({
    messages: {
        dateInput: {
            year: "Year"
        }
    }
});
</script>