15 Star 169 Fork 43

七年觐汐 / wx-calendar

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
WTFPL

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

示例图

/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

DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE Version 2, December 2004 Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> Everyone is permitted to copy and distribute verbatim or modified copies of this license document, and changing it is allowed as long as the name is changed. DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. You just DO WHAT THE FUCK YOU WANT TO.

简介

原生小程序日历组件(可滑动,可标记,可禁用) 展开 收起
JavaScript
WTFPL
取消

发行版 (3)

全部

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/qq_connect-EC6BCC0B556624342/wx-calendar.git
git@gitee.com:qq_connect-EC6BCC0B556624342/wx-calendar.git
qq_connect-EC6BCC0B556624342
wx-calendar
wx-calendar
master

搜索帮助