更新记录

1.0.0（2021-02-02）

1、提供两种布局格式 2、依赖组件380624367@qq.com开发的【日期、时间、多级联动picker】w-picker（大家多多支持380624367@qq.com开发者）

平台兼容性

兼容性

适用H5、小程序等

依赖组件

依赖组件380624367@qq.com开发的【日期、时间、多级联动picker】w-picker（鸣谢380624367@qq.com开发者）

使用说明

<template>
<view class="content">
        <choose-date ref="chooseDate" layout="horizontal" :mode="mode1" @changeDateFun="changeDateFun1" @show="onDateViewShow" @hide="onDateViewHide" />
    </view>
</template>

import chooseDate from "@/components/tongtong-choose-date/tongtong-choose-date.vue";
    export default {
        data() {
            return {
                mode1: 'day',
                type1: 1,
                time1: new Date().Format('yyyy-MM-dd'),
            }
        },
        components: {
            chooseDate,
        },
        onLoad() {

        },
        methods: {
            //修改日期回调
            changeDateFun1(obj) {
                this.mode1 = obj.mode;
                this.type1 = obj.type;
                this.time1 = obj.time;
                console.log('1' + JSON.stringify(obj));
            },
            onDateViewShow() {

            },
            onDateViewHide() {

            },
        }
    }

属性说明

changeDateFun返回值说明

 //@show 显示时间选择模块时触发
 //@hide 隐藏时间选择模块时触发 show、hide因开发项目中用到ucharts,显示时间选择时有显示问题，故提供该函数，可忽略

changeDateFun 返回处理后的时间、mode、type

 //返回数据 {"dateTime":"2021-02","mode":"month","type":2,"time":"2021-02-01"}