更新记录

1.0.0（2025-10-25） 下载此版本

新增插件

平台兼容性

uni-app(3.6.12)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ - √ √ -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

概要

xxy-datepicker是一个日期选择插件，灵活配置、简单易用、兼容多端、同时兼容vue2和vue3。

uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=7594

支持的平台

H5、app

nvue：暂不支持，后期可能会支持，目前需要的可以自己修改源码。

使用方式

1、导入插件

该组件符合uni_modules规范，使用Hbuilderx导入插件，导入到项目根目录中的uni_modules文件夹中。

2、template中使用

uni_modules规范在项目页面中直接使用，不需要单独引入注册组件。

标准文件选择使用

<template>
    <xxy-datepicker @result="result"></xxy-datepicker>
</template>

h5、app端自定义内容使用

<template>
    <xxy-datepicker @result="result" mode='bottom' :round='10' :closeOnClickOverlay="false" selectBgColor="#00ff00">
    </xxy-datepicker>
</template>

属性说明

参数 说明 类型 是否必填 可选值 默认值
show 是否显示 Boolean true true/false false
title 顶部标题 String 否 - -
round 圆角 Number 否 - 10
format 返回日期格式 String 否 yyyy-MM-dd/yyyy-MM-dd HH:mm:ss -
closeOnClickOverlay 是否开启遮罩层点击关闭 Boolean 否 true/false true
selectBgColor 选择日期背景色 String 否 - #00ff00
setYear 设置从当前年往前/往后多少年 Number 否 - 50
type 返回日期格式minute:年月日时分，second：年月日时分秒，默认返回:年月日 String 否 minute/second -
simple 选项中无年月日文字 Boolean 否 - false
mode 展示位置 Number 否 bottom/center bottom
fontSize 选择文字大小 String 否 - 18px

事件说明

事件名称 说明 回调参数
@result 日期选择结果 format为空是返回年月日数组，否则返回format格式日期
@close 关闭日期框 closeOnClickOverlay为true时同样调用此函数

温馨提示

1、该插件反复测试过h5、app-vue，vue2和vue3都兼容，其他端可能需要测试改进。

2、该插件的使用hbuilderx版本最好升级到较新版本，我开发的版本是hbuilderx3.3.11.20220209。

3、对此插件或相关问题有好的建议，可以直接在评论区进行讨论。

4、希望遇到问题不要喷，也不要骂人，其实这种心情我能理解，写该插件也不是一时半会就完成了的，所以希望互相理解。只要有问题，我会第一时间回复解决。

5、对此插件有任何问题的可以在下方留言，我会第一时间回复和解决问题。

最后我想说：认为该插件对你有帮助的，记得收藏、好评，这样可以帮助到更多人哟！

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。