小程序日历组件

小程序日历组件

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

参数

参数	类型	说明	默认值
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