自定义多样化日历 - 更新日志

1.1.1(2021-10-14)

修复微信小程序不兼容问题

1.1.0(2021-10-14)

更新解决了小程序运行会报错 :Property value expected type of string but got null 问题

1.0.0(2021-10-13)

开箱即用

用法和 Vant 的日历组件类似,但并不是完全一样!!!!

文档懒得写了,大家将就看看每个参数的作用吧~哈哈哈哈哈

props: { type: { type: String, default: 'single', desc: '选择类型: single表示选择单个日期、multiple表示选择多个日期、range表示选择日期区间' }, color: { type: String, default: '#FF960A', desc: '主题色,对底部按钮和选中日期生效' }, title: { type: String, default: '日期选择', desc: '标题,日期面板顶部标题' }, btnTitle: { type: String, default: '确定', desc: '按钮文案,底部按钮文案' }, isMask: { type: Boolean, default: true, desc: '是否开启遮罩层', },

        isMarkClick:{
            type: Boolean,
            default: true,
            desc: '是否开启遮罩层关闭',
        },
        btnColor: {
            type: String,
            default: undefined,
            desc: '按钮颜色,底部按钮颜色'
        },
        minDate: {
            type: Date,
            default: function() {
                return new Date()
            },
            desc: '可选择的最小日期'
        },
        maxDate: {
            type: Date,
            default: function() {
                return new Date((new Date().getFullYear() + 1), new Date().getMonth(), 1)
            },
            desc: '可选择的最大日期'
        },
        show: {
            type: Boolean,
            default: false,
            desc: '是否显示日历弹窗'
        },
        position: {
            type: String,
            default: 'bottom',
            desc: '弹出位置,可选值为 top | right | left | bottom'
        },
        lunar: {
            type: Boolean,
            default: true,
            desc: '是否显示农历,可选值为 true | false'
        },
        showButton: {
            type: Boolean,
            default: true,
            desc: '是否显示底部按钮,可选值为 true | false'
        },
        fullScreen:{
            type: Boolean,
            default: false,
            desc: '是否全屏日历,可选值为 true | false(左侧和右侧弹出时只能全屏)'
        },
        showClose: {
            type: Boolean,
            default: true,
            desc: '是否显示关闭按钮,可选值为 true | false'
        },
        closeImg: {
            type: String,
            default: 'undefined',
            desc: '右上角关闭按钮图标'
        },
        poppable: {
            type: Boolean,
            default: true,
            desc: '是否以弹层的形式展示日历'
        },
        formatter: {
            type: Function,
            default: function() {
                return {}
            },
            desc: '日期格式化函数'
        },
    },