Skip to content

时间选择器

概述

在弹出面板上选择时间,可以方便地选择某一符合要求的、格式化的时间点。

基本用法

① 输入框:触发器,点击激活选择面板

② 选择面板:在面板中选择时间,选中时间高亮背景并吸顶

③ 快捷选择(可选):可根据业务场景放置快捷选项的预设值

④ 确认操作:点击按钮后时间变更方可生效

选择时间

常规、Hover、激活(一般默认定位在00:00:00,可根据业务情况定义默认时间,若最前面的时间为不可选状态,默认定位则顺延)、选中、失焦、不可用。 选择相应的时分秒,滚动定位至顶部被选中位置。点击确定,确定选择选中时间。

选择时间区间

常规、Hover、激活(一般默认定位在00:00:00,可根据业务情况定义默认时间,若最前面的时间为不可选状态,默认定位则顺延)、选中、失焦、不可用。 选择相应的时分秒,滚动定位至顶部被选中位置。点击确定,确定选择选中时间。 完成开始时间后,选中「结束时间」或点击「确定」,保存开始时间设置;完成结束时间后,需点击「确定」后,保存结束时间设置。

其他样式延展

大、中、小三种尺寸

遵循输入框的规范设置三挡尺寸

无边框样式