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

messages.dateInput.dayperiod

String

The placeholder for the AM/PM part.

Default: "AM/PM"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            dayperiod: "Période du jour"
        }
    }
});
</script>

messages.dateInput.hour

String

The placeholder for the hours part.

Default: "hours"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            hour: "Heures"
        }
    }
});
</script>

messages.dateInput.minute

String

The placeholder for the minutes part.

Default: "minutes"

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

messages.dateInput.month

String

The placeholder for the months part.

Default: "month"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            month: "Mois"
        }
    }
});
</script>

messages.dateInput.second

String

The placeholder for the seconds part.

Default: "seconds"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            second: "Secondes"
        }
    }
});
</script>

messages.dateInput.weekday

String

The placeholder for the day of the week part.

Default: "day of the week"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            weekday: "Jour de la semaine"
        }
    }
});
</script>

messages.dateInput.year

String

The placeholder for the years part.

Default: "year"

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    messages: {
        dateInput: {
            year: "Année"
        }
    }
});
</script>