前言因?yàn)橐龊灥?所以要寫了個日歷。
只有基礎(chǔ)的日歷,簽到需要自行實(shí)現(xiàn)。
(我等下也要實(shí)現(xiàn)簽到了…)相關(guān)學(xué)習(xí)推薦：
微信小程序開發(fā)教程效果圖wxml {
{
item }
}
{
{
item.day }
}
wxss.calendar{
margin-top: 10%;
}
.month{
display: flex;
flex-flow: row wrap;
font-size: 1.1rem;
}
.item{
width: 14.28%;
text-align: center;
line-height: 3rem;
}
.othe{
color: grey}
js// pages/sing_in/sing_in.jsPage({
data: {
dateData: [], isSignin: false, week: ['
日'
,'
一'
,'
二'
,'
三'
,'
四'
,'
五'
,'
六'
], }
, onLoad: function (options) {
this.initCurrMonthData() }
, /** * year string 年 如:2020 * month string 月 如: 5 * return array 所有天數(shù) 如:[1,2,3...,31] **/ monthDays(year,month){
let days_count = new Date(year,month,0).getDate() //月總天數(shù) 如:31 let days = [];
//存放月的天數(shù) for(let i = 1;
i i++) days.push(i) return days;
}
, //初始化當(dāng)月數(shù)據(jù) initCurrMonthData(){
let currDate = new Date();
//當(dāng)前日期 let currMonthDays = this.monthDays(currDate.getFullYear(),currDate.getMonth() + 1) //當(dāng)月 +1是因?yàn)樵聫?開始 只有0-11 let lastMonthDays = this.monthDays(currDate.getFullYear(),currDate.getMonth() ) //上個月 let currFirstWeek = new Date(currDate.getFullYear(),currDate.getMonth() - 1, 1).getDay() + 1;
//這個月的1號是星期幾 -1是因從0開始 //月最后一天是星期幾 let dateData = [];
dateData = currMonthDays.map(val => this.formatDay(val)) //當(dāng)月的數(shù)據(jù) for(let i = 0;
i i++) //上月要顯示的 dateData.unshift( this.formatDay( lastMonthDays.pop(),'
last'
) );
let nextLenth = 42 - dateData.length;
// 42是因?yàn)?6 * 7格式 for(var i = 1;
i i++) //下個月需要顯示的日期 dateData.push( this.formatDay( i, '
next'
) );
this.setData({
dateData : dateData }
) }
, formatDay(day,type = '
curr'
){
//日期數(shù)據(jù)的格式化 return {
day:day,type:type}
;
}
, onShareAppMessage: function () {
}
}
)相關(guān)學(xué)習(xí)推薦：
微信公眾號開發(fā)教程以上就是微信小程序?qū)崿F(xiàn)簽到的日歷功能的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
微信小程序 簽到本文轉(zhuǎn)載于：
jb51，如有侵犯，請聯(lián)系[email protected]刪除
上一篇：
小程序如何生成二維碼
下一篇：
學(xué)習(xí)在Ubuntu 18.04 上搭建微信小程序和公眾號應(yīng)用開發(fā)環(huán)境相關(guān)文章相關(guān)視頻記一次微信小程序在安卓手機(jī)上的白屏問題新手必備的微信小程序開發(fā)指南微信小程序中自定義select下拉選項(xiàng)框組件怎么提取微信小程序的鏈接微信小程序?qū)崿F(xiàn)簽到的日歷功能微信小程序事件 以及事件對象微信小程序開發(fā)工具的安裝初識微信小程序(3) [溫州做小程序]