日历支持农历天干地支自定义样式事件

更新记录

1.0.1（2022-01-05）

更新文档

1.0.0（2022-01-04）

首次更新

平台兼容性

Vue2	Vue3
√	√

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.3.2 app-vue	×	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	√	√	√	√	√

使用说明

1、引入组件

import xddCalendar from '@/components/xdd-calendar/xdd-calendar.vue'

2、注册组件

components:{
    xddCalendar
}

3、使用组件

<xdd-calendar @change="changeDay" />

属性说明

名称	类型	是否必填	默认值	可选值	说明
weekBegin	Number \| String	否	7	6 / 7	每周从星期几开始
isLunarCalendar	Boolean	否	true	true / false	是否开启农历
arrowImg	String	否	/static/arrow.png	---	上下页箭头
radius	Number \| String	否	50	---	日历圆角大小（rpx）
pageBgColor	String	否	rgba(242, 138, 95, .8)	---	页表阴影颜色
itemDayStyle	String	否	''	---	自定义样式（每一天）
dayStyle	String	否	''	---	自定义样式（每天，除去今天）
toDayStyle	String	否	''	---	自定义样式（今天的样式）

事件说明

名称	类型	是否必填	返回值	说明
change	Function	否	阳历：年--year 月--month 日--day 星期几--week。农历：年--IYearCn 月--IMonthCn 日--IDayCn	日期点击事件
selectDate	Function	否	年--year 月--month 日--day	日期选择事件

插槽说明

<template slot="name">
    这里是顶部的插槽
</template>

<template slot="name">
    这里是尾部的插槽
</template>

日历支持农历天干地支自定义样式事件日历，农历，自定义，事件

更新记录

1.0.1（2022-01-05）

1.0.0（2022-01-04）

平台兼容性

使用说明

1、引入组件

2、注册组件

3、使用组件

属性说明

事件说明

插槽说明

隐私、权限声明

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

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

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

许可协议

MIT协议

日历支持农历天干地支自定义样式事件

日历支持农历天干地支自定义样式事件 日历，农历，自定义，事件

更新记录

1.0.1（2022-01-05）

1.0.0（2022-01-04）

平台兼容性

使用说明

1、引入组件

2、注册组件

3、使用组件

属性说明

事件说明

插槽说明

隐私、权限声明

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

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

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

许可协议

MIT协议

日历支持农历天干地支自定义样式事件

Modal title

日历支持农历天干地支自定义样式事件日历，农历，自定义，事件