更新记录

1.1.2（2019-12-31）

1.修改当isAll=false时，跨年年份的问题 2.更多组件及回复请关注微信小程序 “YUI组件库”

1.1.1（2019-10-18）

修复滑动月份，月份天数刷新的问题

1.1.0（2019-10-14）

1.删除monthNum属性 2.新增默认日期时间value 3.修复小程序设置current不显示当前日期时间的问题

平台兼容性

datetime日历

组件名：yu-datetime-picker

调用方式

<yu-datetime-picker
    ref="dateTime"
    startYear="2015"
    value="2019-11-10 08:30:01"
    :isAll="false"
    :current="false"
    @confirm="onConfirm">
    </yu-datetime-picker>

import yuDatetimePicker from "@/components/yu-datetime-picker/yu-datetime-picker.vue"
export default {
    components: {
        yuDatetimePicker
    },
    data() {
        return {};
    },
    methods: {
        onConfirm(e) {
            console.log(e);
        }
    }
};

属性说明

关于monthNum属性：monthNum属性已删除，考虑选天模式，不会出现跨度太大的情况，默认为最近三个月(包含当前月)

事件说明

事件返回属性说明

{
    "selectArr": [
        "2019"
        "08"
        "09"
        "16"
        "55"
        "40"
    ],
    "selectRes": "2019-08-09 16:55:40"
}

使用方法

需使用 this.$refs.dateTime.show();触发显示

<view @tap="toggleTab()">日期</view>  
<yu-datetime-picker @confirm="onConfirm" startYear="2015" ref="dateTime" value="2019-11-10 08:30:01" :isAll="false" :current="false"></yu-datetime-picker>

methods: {  
    toggleTab(item, index) {  
        this.$refs.dateTime.show();  
    },  
    onConfirm(val) {  
        console.log(val);  
    }  
}