TimePicker
A Container which displays hour and minute (and optionally second) lists to pick values from.
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 |
This class is not intended for use in applications. It is used internally by the TimeField class.
Configs
96
Configs
96Common
Other
Time format. Used to set appropriate 12/24 hour format to display. See DateHelper for formatting options.
Max value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
Min value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
Time value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
CSS
DOM
Float & align
Layout
misc
Misc
Scrolling
Properties
87
Properties
87Class hierarchy
Other
Time format. Used to set appropriate 12/24 hour format to display. See DateHelper for formatting options.
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 value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
Min value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
Time value, which can be a Date or a string. If a string is specified, it will be converted using the specified format
CSS
DOM
Layout
Misc
Widget hierarchy
Functions
67
Functions
67Configuration
Events
Misc
Other
Widget hierarchy
Events
17
Events
17Fires when a time is changed.
// Adding a listener using the "on" method
timePicker.on('timeChange', ({ time }) => {
});| Parameter | Type | Description |
|---|---|---|
time | Date | The selected time. |
Event handlers
17
Event handlers
17Called when a time is changed.
new TimePicker({
onTimeChange({ time }) {
}
});| Parameter | Type | Description |
|---|---|---|
time | Date | The selected time. |