微信小程序日历组件calendar详解及实例

 src="../cal/calendar.wxml"> is="calendar" data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,lunar_selected_value}}">

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;}