更新记录

1.0.10（2024-02-04） 下载此版本

滚动选择时间优化

1.0.9（2023-10-14） 下载此版本

1、最大最小时间支持限制时分秒； 2、可选列生成优化。

1.0.8（2023-08-10） 下载此版本

修复选择器打开后直接点击确定，日期返回undefined的bug

平台兼容性

lingfeng-timepicker

基于picker-view、uni-popup的时间选择器，支持按年、月、日、时、分、秒、周、季度选择时间或时间范围，支持配置最大、最小选择日期

基本用法

在 template 中使用组件

<view @click="showPop()" class="show-time">选择年-月-日：{{defaultData.startTime}}</view>

<lingfeng-timepicker ref="timePop" type="date" :defaultData="defaultData" :minDate="minDate" :maxDate="maxDate"  @change="timeChange"></lingfeng-timepicker>

data(){
    return {
        defaultData:{
            startTime:'2023-02-20'
        },
        minDate:{
            year: 2020,
            month: 3,
            date: 5
        },
        maxDate:{
            year: 2025,
            month: 9,
            date: 20
        },
    }
},
methods: {
    showPop(){
        this.$refs.timePop.show();
    },
    timeChange(val){
        console.log(val); 
    }
}

组件属性

组件事件

type属性说明

defaultData属性说明

weekType属性说明

联系作者

QQ:1435464107