时间选择器分两种类型，一种是picker类型，可选择任意时间点；另一种是select类型，只能选择指定的时间点。 具体的区分请看下面的示例。 ## 方法原型： ``` addTime($name = '', $title = '', $tips = '', $default = null, $attr = []) ``` ## 参数说明： ``` * @param string $name 字段名:是否必填 格式: name:require 或 name * @param string $title 标题|占位符 格式: title|placeholder，无竖线分隔则为标题 * @param string $tips 提示文字 * @param string $default 默认值 * @param array $attr 组件属性 { * start:起始时间, * end:结束时间, * step:步长, * min:最小时间, * max:最大时间, * selectable_range:可选时间段，例如'18:30:00 - 20:30:00'或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00'] * is_range:是否是时间范围选择 * } ``` > TODO：由于ElementUI的bug，非范围选择时，设置可选时间段会报错，所以非范围选择暂时不支持可选时间段 > 在attr参数中，start、end、step、min、max为select类型的参数，用于指定可以选择的时间。selectable_range为picker类型的参数，用于指定可选择的时间范围。 ## 调用方式 - 添加一个时间选择器 ``` return SBuilder::make('form') ->addTime('time', '时间') ->fetch(); ``` > 页面效果：  ~~- 设置可选的时间范围~~ > 由于ElementUI的bug，非范围选择时，设置可选时间段会报错，所以非范围选择暂时不支持可选时间段 > ``` > return SBuilder::make('form') > ->addTime('time', '时间', '', '', [ > 'selectable_range' => '18:30:00 - 20:30:00' > ]) > ->fetch(); > ``` - 添加一个select类型的时间选择器。（要添加一个select选择器，start与end必须指定，其他参数可以为空） ``` return SBuilder::make('form') ->addTime('time_select', '时间select', '', null, [ 'start' => '06:00', 'end' => '18:00', 'step' => '00:10', 'min' => '08:00', 'max' => '18:00', ]) ->fetch(); ``` > 页面效果：