BrickPlus

时间选择器提供快捷的选择时，分，秒的下拉框组件。
通过data-toggle="timer-picker"绑定输入框，输入框最好设置为只读readonly

实例

维护时间(24H) ：

维护时间(12H) ：

维护时间(分秒单位) ：

维护时间(时分) ：

维护时间（分秒）：

<!-- normal -->
<div class="form-group">
    <label for="" class="form-control-label">
      <span>维护时间(24H)</span>
      <em>：</em>
    </label>
    <div class="form-control-wrap">
      <input type="text" class="form-control" placeholder="请选择时间" data-toggle="timer-picker" value="9:35:05" readonly>
    </div>
  </div>
  <br />
<!-- 配置12H -->
  <div class="form-group">
    <label for="" class="form-control-label">
      <span>维护时间(12H)</span>
      <em>：</em>
    </label>
    <div class="form-control-wrap">
      <input type="text" class="form-control" placeholder="请选择时间" data-toggle="timer-picker" value="8:24:05" data-h="12" readonly>
    </div>
  </div>
  <br />
 <!-- 设置分秒单位为5进制 -->
  <div class="form-group">
    <label for="" class="form-control-label"> 
      <span>维护时间(分秒单位)</span>
      <em>：</em>
    </label>
    <div class="form-control-wrap">
      <input type="text" class="form-control" placeholder="请选择时间" data-toggle="timer-picker" value="5:09:15" data-h="12" data-unit="5" readonly>
    </div>
  </div>
  <br />
  <!-- 隐藏不显示秒数 -->
  <div class="form-group">
    <label for="" class="form-control-label">
      <span>维护时间(时分)</span>
      <em>：</em>
    </label>
    <div class="form-control-wrap">
      <input type="text" class="form-control" placeholder="请选择时间" data-toggle="timer-picker" value="05:05" data-second="false" readonly>
    </div>
  </div>
  <br />
  <!-- 隐藏不显示时钟 -->
  <div class="form-group">
    <label for="" class="form-control-label">
      <span>维护时间（分秒）</span>
      <em>：</em>
    </label>
    <div class="form-control-wrap">
      <input type="text" class="form-control" placeholder="请选择时间" data-toggle="timer-picker" value="09:05" data-hours="false" readonly>
    </div>
  </div>

配置参数

timer-picker插件可以通过jQuery的$(selector).timerPicker(option)绑定
通过data-toggle="timer-picker"绑定全局插件，可以配置data-*配置项参数。

实例

属性	默认值	描述
char	:	时分秒格式化连接字符
hours	true	控制是否显示时钟
minutes	true	控制是否显示分钟，一般不建议设置此项。
second	true	控制是否显示秒钟
in18	['时', '分', '秒']	语言配置,按照固定3个字符
zero	true	格式化是否小于10时补零