溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信小程序日歷組件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;
}
.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目錄下。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
