時間選擇器分兩種類型，一種是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(); ``` > 頁面效果：