Skip to content

SiO2-A/wx-calendar

Repository files navigation

日历组件,带标点带展开功能

示例图

/component/calendar 组件主体

/index 组件演示

Props

属性名 说明 类型 默认值
spotMap 标点的日期对象,属性名为具体日期如:y2000m10d10,属性值为'spot'或'deep-spot',颜色分别为青色和橙色 Object {}
defaultTime 标记的日期,默认为今日,传入格式推荐为'2022/1/2'或'2022/01/02',否则在 ios 上可能会出现识别错误的情况 String ''
title 日历的标题,默认无 String ''
goNow 是否有快速回到今天的功能 Boolean true
defaultOpen 是否是打开状态 Boolean false
showShrink 是否显示收缩展开 Boolean true
disabledDate 要禁用的日期函数,日历在渲染时会主动调用该方法参数为{ day, month, year }对象,当方法返回 true 时会禁用该日期。使用方法见示例 ({ day: number, month: number, year: number }) => void ()=>void
changeTime 要改变的日期,改变即生效。用于 Data 构造函数的第一个参数 传入格式推荐为'2022/1/2'或'2022/01/02' String ''
firstDayOfWeek 周起始日 Number 1 ~ 7 7

Events

事件名 说明 参数值
bind:getDateList 渲染某个月份, setMonth:渲染的月,setYear:渲染的年 。注意:不能代指现在的月份,在加载时会获取当前月以及上下两月的 {setMonth: number,setYear: number}
bind:selectDay 选中日期的年月日 { day: number, month: number, year: number}
bind:openChange 日历切换的状态,true 打开; false 关闭 展开收缩时触发的事件 { open: boolean }

联系作者

微信 gg6630gg

About

原生的微信小程序日历组件(可滑动,标点,禁用)

Resources

License

Stars

Watchers

Forks

Packages

No packages published