微信小程序日历组件微信小程序日历组件calendar详解及实例详解及实例
主要介绍了微信小程序日历组件calendar详解及实例的相关资料,需要的朋友可以参考下
微信小程序日历组件微信小程序日历组件calendar详解及实例详解及实例
模版使用：模版使用：
src="../cal/calendar.wxml">
is="calendar" data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,l
unar_selected_value}}">
JS代码使用：代码使用：
var Calendar = require('../cal/calendar');
Page({
data: {
selected_value: [],
days: [],
month: [],
years: [],
lunar_years: [],
lunar_month: [],
lunar_days: [],
selectDateType: 1,
lunar_selected_value: []
},
....
// 指定选择器回调函数
new Calendar('key', this, function(date){
that.setData({
date: date
})
});
样式样式
.calendar{
position: absolute;
bottom: 0;
width: 100%;
z-index: 999;
background-color: #fff;
}
.tab{
display:inline-block;
width:50%;
text-align:center;
font-size:16px;
color: #ccc;
}
.tab-bar{
background-color: #eee;
height: 40px;
line-height: 40px;
评论1