更新记录

1.0.0(2023-12-19)

发布

new Up


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

ModsCalendar 组件使用指南

一、组件概述

ModsCalendar 是一个用于日期选择的交互组件,它为用户提供了一个直观的界面来选择特定的日期。

二、属性 (Props)

  1. leftTitle (类型:字符串) - 左上角自定义文字,如果设置,月份将不显示。
  2. disable (类型:布尔值) - 用于禁用整个日历选择器。
  3. daysOfWeek (类型:字符串数组,默认值:["MO", "TU", "WE", "TH", "FR", "SA", "SU"]) - 星期几的显示内容,默认为缩写英文。
  4. monthNames (类型:字符串数组) - 月份的完整名称。
  5. monthLine (类型:字符串) - 月份分割线的图片路径。
  6. monthLineColor (类型:字符串,默认值:rgb(250, 192, 8)) - 月份分割线的颜色。
  7. chooseBackgroundColor (类型:字符串,默认值:rgb(58, 142, 106)) - 选中日期时的背景颜色。
  8. chooseColor (类型:字符串,默认值:rgb(255, 255, 255)) - 选中日期时的文字颜色。

三、事件 (Events)

  1. rendered - 当组件渲染完成时触发。返回当前日历选中的日期、月份、年份,以及当前月份的所有周数据数组。
  2. updateSelectedDate - 当日历中的选中日期更新时触发。返回当前日历选中的日期、月份、年份,以及当前月份的所有周数据数组。
  3. selectDate - 当用户选定一个日期时触发。返回当前日历选中的日期、月份、年份,以及选中日期的字符串形式(格式为 'yyyy-mm-dd')。

四、使用方法

在使用 ModsCalendar 组件时,您需要在代码中引入它,并设置所需的属性和监听事件。目前仅兼容小程序跟app

五、注意事项

  1. 在使用 ModsCalendar 组件之前,请确保您已经正确安装并引入了所需的库或框架。
  2. 根据您的项目需求,您可能需要自定义 ModsCalendar 组件的样式。这可以通过覆盖默认的 CSS 样式或使用组件提供的定制选项来实现。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问