模版使用:
-
src="../cal/calendar.wxml">
-
-
is="calendar" data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,lunar_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;
-
}
-
.tab-bar .active{
-
color: #000;
-
}
-
.selected-item{
-
font-size: 28px;
-
}
-
-
.event-type_parent{
-
font-size: 14px;
-
}
-
.event-type_child{
-
text-align: center;
-
line-height: 30px;
-
}
-
-
.event-type_txt{
-
display: inline-block;
-
}
以上用法看不懂的话,具体就参考代码里面index目录下。
|