小程序日历组件

小程序日历组件

闲来没事把之前想做的日历组件给做了 先上图
在这里插入图片描述
参数

参数类型说明默认值
headerBoolean是否显示头部操作栏true
preMonthBoolean是否显示上个月按钮true
nextMonthBoolean是否显示下个月按钮true
preYearBoolean是否显示上一年按钮false
nextYearBoolean是否显示下一年按钮false
todayBoolean是否显示今天按钮false
weeksBoolean是否显示周标题true
weeksTypeString周标题类型cn
showMoreDaysBoolean是否显示前后月份残余数据false
formatTypeString日期连接符-
事件
事件名称说明
select在选择日期时触发,返回选中的日期

示例

index.wxml

<calendar today="{{true}}" bind:select="select"></calendar>

index.json

"usingComponents": {
        "calendar": "../../../components/calendar/index"
    }

index.js

select(e) {
        console.log(e)
    },

返回选中的日期 e.detail.value
在这里插入图片描述
详细代码看github
github

还有很多需要完善的 再接再厉

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值