更新记录

1.0.2（2020-04-09）

获取当前日期日取成周bug修复

1.0.1（2020-04-06）

运行在微信小程序时日期不显示样式修复

1.0.0（2020-04-05）

1.0.0（2020-04-05） 上传组件

平台兼容性

gpp-uniapp-datePicker

日期选择器

风格与官方日期选择器统一，解决官方日期选择器设置startDate，endDate后超出范围日期依然会显示问题。并且天数显示为当月真实天数。

使用方式

引用组件

import gppDatePicker from "@/components/gpp-datePicker/gpp-datePicker.vue"
export default {
    components:{
        gppDatePicker
    }
}

使用组件

<gpp-date-picker @onCancel="onCancel" @onConfirm="onConfirm" :startDate="startDate" :endDate="endDate" :defaultValue="pickerDate">
    {{pickerDate}}
</gpp-date-picker>

export default {
    data() {
        return {
            startDate: "2018-05-02",
            endDate: "2022-09-20",
            pickerDate: '2020-11-25'
        }
    },
    methods: {
        onCancel(e){
            console.log(e);
        },
        onConfirm(e){
            this.pickerDate = e.dateValue;
        }
    }
}

属性说明

事件说明

注意事项

组件初始化时会对props值进行校验，列如传入错误日期格式，起始日期晚于结束日期等则不会进行初始化并弹窗提示。