微信小程序日历组件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(datehttp://){

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-sirdkirze: 14px;

}

.event-type_child{

text-align: center;

line-height: 30px;

}

.event-type_txt{

display: inline-block;

}

以上用法看不懂的话，具体就参考代码里面index目录下。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。