小程序日历组件

2,487 阅读1分钟

小程序日历组件

闲来没事把之前想做的日历组件给做了 先上图

参数

参数 类型 说明 默认值
header Boolean 是否显示头部操作栏 true
preMonth Boolean 是否显示上个月按钮 true
nextMonth Boolean 是否显示下个月按钮 true
preYear Boolean 是否显示上一年按钮 false
nextYear Boolean 是否显示下一年按钮 false
today Boolean 是否显示今天按钮 false
weeks Boolean 是否显示周标题 true
weeksType String 周标题类型 cn
showMoreDays Boolean 是否显示前后月份残余数据 false
formatType String 日期连接符 -
事件
事件名称 说明
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