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

Messages

configuration

Allows localization of the strings that are used in the widget.

messages

Object

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      now: "My Now",
      hour: "My Hour",
      minute:"My Minute",
      second:"My Second",
      millisecond: "My Millisecond",
      cancel: "My Cancel",
      set:"My Set",
    }
  });
</script>

messages.cancel

String

Allows customization of the Cancel button text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      cancel: "My Cancel"
    }
  });
</script>

messages.dateInput

Object

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

<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.hour

String

Allows customization of the Hour text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      hour: "My Hour"
    }
  });
</script>

messages.millisecond

String

Allows customization of the Millisecond text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      millisecond: "My Millisecond"
    }
  });
</script>

messages.minute

String

Allows customization of the Minute text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      minute: "My Minute"
    }
  });
</script>

messages.now

String

Allows customization of the Now text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      now: "My Now"
    }
  });
</script>

messages.second

String

Allows customization of the Second text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      second: "My Second"
    }
  });
</script>

messages.set

String

Allows customization of the Set button text in the TimePicker.

Default: ""

<input id="timepicker" />

<script>
  $("#timepicker").kendoTimePicker({
    value: new Date(),
    format: "hh:mm",
    componentType:"modern",
    messages: {
      set: "My Set"
    }
  });
</script>

Related Members