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="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    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="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            day: "dd"
        }
    }
});
</script>

messages.dateInput.dayperiod

String

The placeholder for the AM/PM part.

Default: "AM/PM"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            dayperiod: "AM/PM"
        }
    }
});
</script>

messages.dateInput.hour

String

The placeholder for the hours part.

Default: "hours"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            hour: "hh"
        }
    }
});
</script>

messages.dateInput.minute

String

The placeholder for the minutes part.

Default: "minutes"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            minute: "mm"
        }
    }
});
</script>

messages.dateInput.month

String

The placeholder for the months part.

Default: "month"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            month: "mm"
        }
    }
});
</script>

messages.dateInput.second

String

The placeholder for the seconds part.

Default: "seconds"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            second: "ss"
        }
    }
});
</script>

messages.dateInput.weekday

String

The placeholder for the day of the week part.

Default: "day of the week"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            weekday: "day"
        }
    }
});
</script>

messages.dateInput.year

String

The placeholder for the years part.

Default: "year"

<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    dateInput: true,
    messages: {
        dateInput: {
            year: "yyyy"
        }
    }
});
</script>