更新记录

1.0.1（2023-07-04） 下载此版本

增加flex样式

1.0.0（2023-06-08） 下载此版本

初始版本

平台兼容性

时间范围选择插件

插件说明

这是一个时间（时-分）范围选择插件，第一个时间不能大于第二个时间，第二个时间不能小于第一个时间。

在做某些时间范围项目的时候会用到，例如课程安排表，时间计划表等之类的需求。

我做的时候发现插件市场没有一个符合我的需求，于是就自己做了一个，分享给须要的朋友。

具体效果可以扫码看，在添加计划部分有呈现

有使用上的问题可加我微信tcourse或留言

重要说明

插件依赖uni-popup插件！！！

插件依赖uni-popup插件！！！

插件依赖uni-popup插件！！！

具体使用

<template>
    <view>
        <view @tap="show">显示时间范围</view>
        <tpf-time-range
        ref="time" 
        :startTime="startTime" 
        :startDefaultTime="startDefaultTime"
        :endTime="endTime"
        :endDefaultTime="endDefaultTime"
        @timeRange="timeRange"
        >
        </tpf-time-range>
    </view>
</template>

<script>
export default {
    data(){
        return {
            startTime:"00:00",
            startDefaultTime:"06:00",
            endTime:"24:00",
            endDefaultTime:"06:00",
        }
    },
    onLoad() {

    },
    methods:{
        show(){
            this.$refs['time'].open();
        },
        timeRange(e){
            console.log(e);
        }
    }
}
</script>

属性说明

事件说明