5

小程序日历选择组件

描述

此组件为MinUI组件,可以用于单日、范围选择的日历组件,支持自定义的日期内容,

组件截图

图片描述

源码&DEMO

使用

Install
$ min install wxc-calendar
API
Calendar
名称 描述 默认值
enterDirection 入场方向
vertical: 垂直
horizontal: 水平
vertical
locale 语言本地化,
请加载moment的语言包
zh-cn
title 标题 日期选择
type 选择类型
one: 单日
range: 日期区间
range
defaultDate 日历表开始渲染的日期
类型: (Date or String)
new Date()
dateExtra 日期扩展数据,
类型为object
其中
key 为YYYY-MM-DD
value项含:
- rtext:底部数据
- disable:禁止
- replace:正常情况下替换文本
- replace_selected:选中时替换文本
- replace_disable:禁止时替换文本
- tag:角标内容
{}
infiniteOpt 无限滚动,
true会忽略
initalMonths参数
false
initalMonths 初始化显示月个数,
显示月份很多建议使用infiniteOpt
6
maxDate 最大可选日期 null
minDate 最小可选日期 null
rowSize 行大小 normal or xl normal
defaultValue 默认值,数组 []
color 主色调 #068EEF
fontColor 文本色调 #FFFFFF
Calendar【methods】
名称 描述
show 【说明】显示 Calendar
【params】void
【return】void
hide 【说明】隐藏 Calendar
【params】void
【return】void

rojer95
20 声望2 粉丝