更新记录

1.0.9（2025-09-02） 下载此版本

解决了选择年份最后一周日期返回错误问题,支持跨年显示

1.0.8（2025-09-02） 下载此版本

解决了选择年份最后一周日期返回错误问题

1.0.7（2025-09-02） 下载此版本

1、解决了选择日期回显补位功能 2、增加自定义结束年份字段、end-year 3、解决了点击取消按钮会触发日期更新问题

平台兼容性

uni-app

其他

zdp-date-picker

zdp-date-picker使用说明

<zdp-date-picker ref="zdpdate" type="月" time="2023-2" @submit-date="handleDate($event)"></zdp-date-picker>

属性参数说明:

ref用于控制picker的弹出与隐藏，组件内有open和close函数

this.$refs.zdpdate.open()

type用于控制打开piker时显示的tabs；默认参数：日、周、月、季、年

time用于控制显示的默认日期；

type=“日” time="2024-1-23" 代表默认显示日、time代表选中日期2024年1月23日

type=“周” time=“2024-4” 代表默认显示周、time代表选中日期2024年第4周

type=“月” time=“2024-1” 代表默认显示月、time代表选中日期2024年1月

type=“季” time=“2024-1” 代表默认显示季、time代表选中日期2024年第1季度

type=“年” time=“2024” 代表默认显示年、time代表选中日期2024

事件返回参数说明：

submit-date 用于接收组件返回的时间

range 是选中日期的时间范围

zdpdate是具体的固定日期

type 是选中日期类型 日、周、月、季、年

handleDate(e){
    let {range,zdpdate,type}=e
    this.range=range
    this.zdpdate=zdpdate
    this.type=type
}

自定义插槽:

<zdp-date-picker ref="zdpdate"  @submit-date="handleDate($event)">
    //自定义显示组件内文字
    <template #text="{scope}">
        {{scope.range}}
        {{scope.zdpdate}}
    </template>
</zdp-date-picker>