使用方式

<link rel="stylesheet" href="/components/style/timepicker.css" type="text/css" />
<script defer src="/components/js/timepicker.js" type="text/javascript"></script>
<div
  class="st_select st_time_editor"
  st-model="timePointer"
  options="{start: '08:30',step: '00:30',end: '18:30'}"
  change="handleTimeChange"
>
  <div class="st_input st_input_suffix">
    <input
      type="text"
      readonly="readonly"
      placeholder="选择时间"
      size="small"
      class="st_input_inner"
    />
      <span class="st_input_prefix">
      <i class="stIconFont icon-shijian"></i>
    </span>
  </div>
</div>

属性

属性 说明 类型 可选值 默认值
st-model 数据绑定 string - -
change 输入值变化回调方法 string - -
options 时间区间 object {start,step,end} -
size 尺寸 string medium/small/mini -

属性添加位置请查看示例代码