本文实例为大家分享了微信小程序实现日历功能的具体代码,供大家参考,具体内容如下
效果图:
代码:
& lt;视图类=叭绽北?
& lt;视图类=皊electDate”比;
& lt;视图类=" goleft iconfont icon-jianzuo”bindtap=皃revMonth祝辞& lt;/view>
& lt;视图类=癲ate-wrap”比;
{{一}}年{{月}}月
& lt;/view>
& lt;视图类=" goright iconfont icon-jianzuo”bindtap=皀extMonth祝辞& lt;/view>
& lt;/view>
& lt;视图类=靶瞧凇北?
& lt;观点wx:=" {{weekArr}}”天气:对于指数=爸甘钡奶炱?项=跋钅俊钡奶炱?关键=肮丶钡脑趝{项}}& lt;/view>
& lt;/view>
& lt;视图类==叭掌凇狈绺竦目矶?{{参数* 7}}px;的祝辞
& lt;块wx:=" {{dateArr}}”天气:对于指数=爸甘钡奶炱?项=跋钅俊钡奶炱?关键=肮丶北?
& lt;视图类="{{指数+ 1==天# 63;“今天”:“}}{{指数+ 1==day&, isClock& # 63;“clockOn”:“}}”祝辞& lt;视图类=疤臁痹趝{项}}& lt;/view> & lt;/view>
& lt;/block>
& lt;/view>
& lt;/view> & lt; !——结束日历比;
之前
数据:{
:”,
月:”,
天:“,
weekArr:(“日”、“一”、“二”、“三”、“四”、“五”、“六”),
dateArr: [],
firstDay:”,
lastDay:”,
参数:空,
clockNum: 3,
},
获取当前日期:函数(){//获取当月日期
var替换日期=new ();
var年=mydate.getFullYear ();
var月=mydate.getMonth ();
var + 1个月=月;
this.data。年=一年;
this.data。月=月;
this.data。一天=mydate.getDate ();
var拳头=new日期(年、月、1);
this.data。firstDay=fist.getDay ();
var最后=new日期(年,月,0);
this.data。lastDay=last.getDate ();
this.setData ({
年:this.data.year,
月:this.data.month,
天:this.data.day,
firstDay: this.data.firstDay,
lastDay: this.data.lastDay
})
控制台。日志(“今天:“+ this.data.day);
},
设置当前日期:函数(){
(var i=1;我& lt;this.data。lastDay + 1;我+ +){
this.data.dateArr.push(我);
}
this.setData ({
dateArr: this.data.dateArr,
firstDay: this.data.firstDay
})
},
prevMonth:函数(){//上一月
var月=" ";
var年=" ";
如果(this.data。月==1){
年=this.data.year-1
this.data.month=12;
个月=this.data.month;
其他}{
年=this.data.year;
个月=this.data。月- 1;
}
var=新日期(年,months-1, 1);
this.data。firstDay=first.getDay ();
var最后=new日期(年,月,0);
this.data。lastDay=last.getDate ();
this.setData ({
月:几个月,
:多年来,
firstDay: this.data.firstDay,
lastDay: this.data.lastDay
})
this.data。dateArr=[];
(var i=1;我& lt;this.data。lastDay + 1;我+ +){
this.data.dateArr.push(我);
}
this.setData ({
dateArr: this.data.dateArr
})
},
nextMonth:函数(){//下一月
var月=" ";
var年=" ";
如果(this.data。月==12){
this.data.month=0;
个月=this.data.month;
年=this.data.year + 1;
其他}{
个月=this.data.month + 1;
年=this.data.year;
}
var=this.data数月。月+ 1;
var=新日期(年,months-1, 1);
this.data。firstDay=first.getDay ();
var最后=new日期(年,月,0);
this.data。lastDay=last.getDate ();
this.setData ({
月:几个月,
:多年来,
firstDay: this.data.firstDay,
lastDay: this.data.lastDay
})
this.data。dateArr=[];
(var i=1;我& lt;this.data。lastDay + 1;我+ +){
this.data.dateArr.push(我);
}
this.setData ({
dateArr: this.data.dateArr
})
},
onLoad:功能(选项){
this.getDate ();
this.setDate ();
var res=wx.getSystemInfoSync ();
this.setData ({
参数:res.windowHeight/12,
})
},
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
