微信小程序实现日历功能

本文实例为大家分享了微信小程序实现日历功能的具体代码，供大家参考，具体内容如下

效果图：

代码：

view class=' calendar ' view class=' selectDate ' view class=' goleft icon font icon-jianzo ' bind tap='前一个月'/view view class=' date-wrap ' { year } }年{ {月}}月/view view class=' goright icon font icon-jianzo ' bind tap='下月'/view/view view class=' week ' view wx : for=' { { Weekarr } } wx : for-index=' index ' wx : for-item=' item ' wx : key=' key ' style=' width : { { param } } px； 高度： { { param-17 } } px；行高： { { param-17 } } px " { item } }/view/view class=' date ' style=' width : { { param * 7 } } px；'block wx : for=' { { DateArr } } ' wx : for-index=' index ' wx : for-item=' item ' wx : key=' key ' view style=' { { index==0 ' ' margin-left : ' param * first day ' px； ' ' } }宽度： { { param } } px高度： { { param-10 } } px；'行高： { { param-10 } } px；'class='{{index 1==day '？今日：''}} {{index 1==dayisClock '？在“:”} }”视图类=“day“{ item } }/view/view/block/view/view！-结束日历-数据： { year: ' '，month: ' '，day: ' '，weekArr: ['日', '一', '二', '三', '四', '五','六],日期：[],第一天： ' ',最后一天： ' ',参数：null，时钟：3，}，getDate:函数(){ //获取当月日期var my Date=新日期()；var year=我的日期。getfull year()；var month=我的日期。getmonth()；定义变量月份=第一个月；这个。数据。年份=年份；this.data.month=月；这个。数据。day=我的约会。getdate()；var fist=新日期（年、月、1);这个。数据。第一天=拳头。getday()；var last=新日期（年、月、0);这个。数据。最后一天。getdate()；这个。setdata({ year : this。数据。年，月：这。数据。月，日：这。数据。日，第一天：这。数据。第一天，最后一天：这个。数据。最后一天})控制台。日志('今天：“这个。数据。日)；}，setDate:函数(){ for(var I=1；我喜欢这个。数据。最后一天1；我){这个。数据。日期。推(我)；}这个。setdata({ date arr : this。数据。日期：年第一天。数据。第一天})}，previmonth : function(){//上一月var月=var年=if(这个。数据。月==1){年=这个。数据。今年1岁。数据。月=12；月份=这个。数据。月份；} else { years=这个。数据。年份；月份=这个。数据。第1个月；} var first=新日期(年、月-1、1);这个。数据。第一天=第一天。getday()；var last=新日期（年、月、0);这个。数据。最后一天。getdate()；this.setData({ month:个月，年份：年，第一天：这个。数据。第一天，最后一天：这个。数据。最后一天})这个。数据。日期arr=[]；for(var I=1；我喜欢这个。数据。最后一天1；我){这个。数据。日期。推(我)；}这个。setdata({ datarr : this。数据。datarr })}，nextmonth 3360 function(){//下一月var月=var年=if(这个。数据。month==12){ this。数据。月=0；月份=这个。数据。月份；年=这个。数据。第一年；} else { months=this。数据。第1个月；年=这个。数据。年份；} var months=这个。数据。第1个月；var first=新日期（年、月-1,1);这个。数据。第一天=第一天。getday()；var last=新日期（年、月、0);这个。数据。最后一天。getdate()；this.setData({ month:个月，年份：年，第一天： thi。数据。第一天，最后一天： thi。数据。最后一天})这个。数据。日期arr=[]；for(var I=1；我喜欢这个。数据。最后一天1；我){这个。数据。日期。推(我)；}这个。setdata({ Daterar : this。数据。datarr })}，onLoad:函数（选项){这个。GetDate()；这个。setdate()；var RES=wx。getsysteminfosync()；这个。setdata({ param:res.windowHeight/12, })}，以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。