You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
API
Property |
Description |
Type |
Default |
addon |
some addon to timepicker panel bottom |
slot | slot-scope |
- |
allowEmpty |
allow clearing text |
boolean |
true |
autoFocus |
get focus when component mounted |
boolean |
false |
clearText |
clear tooltip of icon |
string |
clear |
defaultOpenValue |
default open panel value, used to set utcOffset,locale if value/defaultValue absent |
moment |
moment() |
defaultValue |
to set default time |
moment |
- |
disabled |
determine whether the TimePicker is disabled |
boolean |
false |
disabledHours |
to specify the hours that cannot be selected |
function() |
- |
disabledMinutes |
to specify the minutes that cannot be selected |
function(selectedHour) |
- |
disabledSeconds |
to specify the seconds that cannot be selected |
function(selectedHour, selectedMinute) |
- |
format |
to set the time format |
string |
"HH:mm:ss" |
getPopupContainer |
to set the container of the floating layer, while the default is to create a div element in body |
function(trigger) |
- |
hideDisabledOptions |
hide the options that can not be selected |
boolean |
false |
hourStep |
interval between hours in picker |
number |
1 |
inputReadOnly |
Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices) |
boolean |
false |
minuteStep |
interval between minutes in picker |
number |
1 |
open(.sync) |
whether to popup panel |
boolean |
false |
placeholder |
display when there's no value |
string |
"Select a time" |
popupClassName |
className of panel |
string |
'' |
secondStep |
interval between seconds in picker |
number |
1 |
suffixIcon |
The custom suffix icon |
string | VNode | slot |
- |
use12Hours |
display as 12 hours format, with default format h:mm:ss a |
boolean |
false |
value(v-model) |
to set time |
moment |
- |
events
Events Name |
Description |
Arguments |
change |
a callback function, can be executed when the selected time is changing |
function(time: moment, timeString: string): void |
openChange |
a callback function which will be called while panel opening/closing |
(open: boolean): void |
Methods
Name |
Description |
blur() |
remove focus |
focus() |
get focus |