更新记录

1.0.2（2022-03-23） 下载此版本

修复 picker-view组件绑定值类型问题

1.0.1（2022-03-22） 下载此版本

修复时间段问题，修复获取值异常问题

1.0.0（2022-03-21） 下载此版本

无

平台兼容性

时间范围组件

此组件为时间范围组件，基于uview@2.0.29。

参数说明

代码展示

<template>
  <view>
    <view style="width:200rpx">
      <u-button
      type="primary"
      size="small"
      text="打开时间范围"
      @click="show = true"
    ></u-button>
    </view>
    <view>当前选中时间范围: {{chooseTimeRange}}</view>
    <ez-time-range
      :value="timeRange"
      @confrim="confrim"
      @cancel="show = false"
      :show="show"
    ></ez-time-range>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      list: [],
      timeRange: ['9:10', '20:43'],
      chooseTimeRange:'',
      show: false,
    };
  },
  methods: {
    confrim(e){
      this.chooseTimeRange = e.value[0] + ' - ' + e.value[1]
      this.show = false;
    }
  },
};
</script>

<style lang="scss" scoped></style>