转载于:https://download.csdn.net/download/qq_40591925/11489494
小程序极点日历插件的使用
1.小程序后台添加插件
首先在微信小程序后台——设置——第三方服务,按AppID搜索到该插件并申请授权。
插件AppID:wx92c68dae5a8bb046
2.相关配置
app.json里
引入插件声明(和window同级)
"plugins": {
"calendar": {
"version": "1.1.3",
"provider": "wx92c68dae5a8bb046"
}
}
配置:我是写在app.json里的,也和window同级。好像也可以写在需要使用该插件的小程序页面中(没试过)
"usingComponents": {
"calendar":"plugin://calendar/calendar"
},
3.插件的使用
<calendar
show-more-days='{{true}}'
start-date="2018-01"
end-date="2099-12"
days-color="{{color}}"
weeks-type="cn"
binddayClick="dayClick"
next='{{false}}'
prev='{{false}}'
lunar='{{true}}' //是否显示农历:只在开发工具上有问题报undefined,客户端上显示正常
/>
需要注意的是,引入日历插件只需要用单标签就行了啊,不用写双标签哦
app.js里
data:{
color:[
{
month:'prev',//要标记的日期所属月份,有效值有prev(上个月),current(当前月),next(下个月)
day:"31",//要标记的日期
color:'white',//日期文字的颜色,格式为“#HEX”或CSS颜色名
background:"pink",//日期单元格的颜色,格式为“#HEX”或CSS颜色名
},{
month:'current',
day:"05",
color:'white',
background:"skyblue",
},
]
}
然后也还有其他的很多配置,如图:
某一天的操作事件
dayClick(e){
console.log("点击日历的某一天:",e)
}