上面說過，時間選擇器有兩種類型，分別為select與picker類型，時間范圍選擇只支持picker類型（任意時間點范圍）。 ## 方法原型： ``` addTimerange($name = '', $title = '', $tips = '', $default = null, $attr = []) ``` ## 參數說明： ``` * @param string $name 字段名:是否必填 格式: name:require 或 name * @param string $title 標題|占位符 格式: title|placeholder，無豎線分隔則為標題 * @param string $tips 提示文字 * @param string|array $default 默認值 * @param array $attr 組件屬性 { * selectable_range:可選時間段，例如'18:30:00 - 20:30:00'或者傳入數組['09:30:00 - 12:00:00', '14:30:00 - 18:30:00'] * } ``` > todo` selectable_range`可選時間段配置后無效，待解決 ## 調用方式 - 添加一個時間范圍選擇器 ``` return SBuilder::make('form') ->addTimeRange('timerange', '時間范圍') ->fetch(); ``` > 頁面效果：  ~~- 設置可選的時間段~~ > 經測試，selectable_range設置后無效，此問題與非時間范圍的selectable_range不可用一起待解決。 > ``` > return SBuilder::make('form') > ->addTimeRange('timerange', '時間范圍', '', null, ['selectable_range' => '08:30:00 - 18:30:00']) > ->fetch(); > ```