v7.3.0

TimePicker
Widget

A floating picker panel that displays scrollable hour, minute, and optionally second columns for time selection. Each column is a List that the user can scroll or click to pick a value. This widget is used internally as the picker for TimeField and is not typically instantiated directly.

new TimeField({
    label    : 'Time field',
    appendTo : document.body,
    // Configure the time picker
    picker   : {
        cls : 'my-picker-class'
    }
});

Contained widgets

The default widgets contained in this picker are:

Widget ref Type Description
hour List The hour picker
minute List The minute picker
second List The second picker

See also

This class is not intended for direct use in applications. It is used internally by the TimeField class.

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class
  • format : String

    Time format. Used to set appropriate 12/24 hour format to display. See DateHelper for formatting options.

    Has a corresponding runtime format property.

  • max : Date/String

    Max value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding runtime max property.

  • min : Date/String

    Min value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding runtime min property.

  • value : Date/String

    Time value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding runtime value property.

Properties

Properties are getters/setters or publicly accessible variables on this class
  • format : String

    Time format. Used to set appropriate 12/24 hour format to display. See DateHelper for formatting options.

    Has a corresponding format config.

  • initialValue : Date/String

    Initial value, which can be a Date or a string. If a string is specified, it will be converted using the specified format. Initial value is restored on Escape click

  • max : Date/String

    Max value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding max config.

  • min : Date/String

    Min value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding min config.

  • value : Date/String

    Time value, which can be a Date or a string. If a string is specified, it will be converted using the specified format

    Has a corresponding value config.

  • isTimePicker : Booleantrue
    READONLY
    ADVANCED
    Identifies an object as an instance of TimePicker class, or subclass thereof.

Events

Events are triggered for certain actions in this class and can be listened for to react to those actions in your code

Event handlers

Event handlers are callbacks called as a result of certain actions in this class
type: timepicker

Source path

Core/widget/TimePicker.js

Contents