Skip to content

时间输入框

@astryxdesign/core v0.7.1 · TimeInput

TimeInput 属性 ​

名称类型默认值说明
v-modelstring | nullnullISO 时间,HH:MM 或 HH:MM:SS。
labelstring—必填。无障碍名称。
hourFormat'12h' | '24h''12h'显示格式。模型值始终是 24 小时 ISO。
hasSecondsbooleanfalse值里保留秒。
incrementnumber1方向键每次增减的分钟数。
minstring—最早的 ISO 时间。
maxstring—最晚的 ISO 时间。
presentation'text-input' | 'native' | 'adaptive-native' | 'adaptive-bottom-sheet' | 'popover' | 'bottom-sheet''adaptive-native'文本框、系统时间控件,或底部时分滚轮。不传时细指针用文本框,粗指针用系统控件。adaptive-bottom-sheet 只在粗指针上用滚轮;bottom-sheet 始终用滚轮。有秒、步进不是 1,或设了预设间隔时,系统控件退回文本框,滚轮不受影响。显式值压过 nativePicker。
isLabelHiddenbooleanfalse视觉上隐藏标签,读屏仍然读得到。旧名 labelHidden 同样可用,两者任一为真就隐藏。
containerClassstring | object | array—加到字段外壳的 class。在 InputGroup 和横向标签的 FormLayout 里没有外壳,此时不生效,开发环境会警告。
containerStyleStyleValue—加到字段外壳的行内样式。落点规则同 containerClass。
controlClassstring | object | array—加到带边框本体的 class。直接写在组件上的 class 也落在本体,不会落到内部输入框上。
controlStyleStyleValue—加到带边框本体的行内样式。
hasClearbooleanfalse显示清除按钮。
size'sm' | 'md' | 'lg''md'字段高度。
statusFieldStatusInput—错误、警告或成功。
statusVariant'attached' | 'detached' | 'tooltip''attached'状态消息的位置。
isDisabledbooleanfalse禁用字段。
disabledMessagestring—禁用原因。和 isDisabled 一起用时,悬停或键盘聚焦会显示这段提示,输入框仍可聚焦(带 aria-disabled),但改不了值。
isLoadingbooleanfalse字段不可改,并显示加载指示。
loadingLabelstring加载中加载指示的读屏文本。
labelTooltipstring—标签末尾信息图标里的说明。
placeholderstring选择时间空值文案。聚焦且为空时,改成格式提示。