HUI-VUE-Pro

# TimePicker 时分秒选择器

版本：1.14.0

开发：郑杰7

交互：苗任越

UI：江佳欢

规范：[已评审] http://10.33.43.73/BBG_UED/BUI_Design/bscs/v2.0/issues/37

# 安装

$ npm i @hui-pro/time-picker -D
# 或者
$ yarn add @hui-pro/time-picker --dev

# 引入

import TimePicker from '@hui-pro/time-picker';
import '@hui-pro/time-picker/theme/index.scss';
Vue.use(TimePicker);

# 时分秒

基础用法
<h-time-picker v-model="date1" :format="format1"></h-time-picker>

<script>
  export default {
    data() {
      return {
        date1: ['00:00:00', '01:00:00'],
        format1: 'HH:mm:ss'
      };
    }
  };
</script>

# 时分

基础用法
<h-time-picker v-model="date2" :format="format2"></h-time-picker>

<script>
  export default {
    data() {
      return {
        date2: ['00:00', '01:00'],
        format2: 'HH:mm'
      };
    }
  };
</script>

# 时

基础用法
<h-time-picker v-model="date3" :format="format3"></h-time-picker>

<script>
  export default {
    data() {
      return {
        date3: ['00:00', '01:00'],
        format3: 'HH'
      };
    }
  };
</script>

# 时(自定义区域；目前仅支持时的范围控制)

基础用法
<h-time-picker
  v-model="date4"
  :format="format4"
  :validateEqual="ture"
></h-time-picker>

<script>
  export default {
    data() {
      return {
        date4: ['00:00', '01:00'],
        format4: 'HH',
        hTimeRegion: ['00:00', '23:00']
      };
    }
  };
</script>

# API

# Attributes

参数 说明 类型 可选值 默认值
format 格式化类型 Stirng 'HH:mm:ss', 'HH:mm', 'HH' 'HH:mm:ss'
validate-equal 开始和结束时间效验是否可相等 Boolean false
h-time-region 用于控制小时的区间 Array ['00:00', '24:00']

← TimeQuarter 季度选择器 →