微信小程序> qq签到小程序-微信小程序-实现日历功能-签到小程序

qq签到小程序-微信小程序-实现日历功能-签到小程序

浏览量:1514 时间: 来源:前端阿月

1.

2.

viewclass="calendar"viewclass="selectDate"viewclass="golefticonfonticon-jianzuo"bindtap="prevMonth"/viewviewclass="date-wrap"{{year}}年{{month}}月/viewviewclass="gorighticonfonticon-jianzuo"bindtap="nextMonth"/view/viewviewclass="week"viewwx:for="{{weekArr}}"wx:for-index="index"wx:for-item="item"wx:key="key"style="width:{{param}}px;height:{{param-17}}px;line-height:{{param-17}}px"{{item}}/view/viewviewclass="date"style='width:{{param*7}}px;'blockwx:for="{{dateArr}}"wx:for-index="index"wx:for-item="item"wx:key="key"viewstyle="{{index==0?'margin-left:'+param*firstDay+'px;':''}}width:{{param}}px;height:{{param-10}}px;line-height:{{param-10}}px;"class="{{index+1==day?'today':''}}{{index+1==day&&isClock?'clockOn':''}}"viewclass="day"{{item}}/view/view/block/view/view!--endcalendar--data:{year:'',month:'',day:'',weekArr:['日','一','二','三','四','五','六'],dateArr:[],firstDay:'',lastDay:'',param:null,clockNum:3,},getDate:function(){//获取当月日期varmydate=newDate();varyear=mydate.getFullYear();varmonth=mydate.getMonth();varmonths=month+1;this.data.year=year;this.data.month=months;this.data.day=mydate.getDate();varfist=newDate(year,month,1);this.data.firstDay=fist.getDay();varlast=newDate(year,months,0);this.data.lastDay=last.getDate();this.setData({year:this.data.year,month:this.data.month,day:this.data.day,firstDay:this.data.firstDay,lastDay:this.data.lastDay})console.log("今天:"+this.data.day);},setDate:function(){for(vari=1;ithis.data.lastDay+1;i++){this.data.dateArr.push(i);}this.setData({dateArr:this.data.dateArr,firstDay:this.data.firstDay})},prevMonth:function(){//上一月varmonths="";varyears="";if(this.data.month==1){years=this.data.year-1this.data.month=12;months=this.data.month;}else{years=this.data.year;months=this.data.month-1;}varfirst=newDate(years,months-1,1);this.data.firstDay=first.getDay();varlast=newDate(years,months,0);this.data.lastDay=last.getDate();this.setData({month:months,year:years,firstDay:this.data.firstDay,lastDay:this.data.lastDay})this.data.dateArr=[];for(vari=1;ithis.data.lastDay+1;i++){this.data.dateArr.push(i);}this.setData({dateArr:this.data.dateArr})},nextMonth:function(){//下一月varmonths="";varyears="";if(this.data.month==12){this.data.month=0;months=this.data.month;years=this.data.year+1;}else{months=this.data.month+1;years=this.data.year;}varmonths=this.data.month+1;varfirst=newDate(years,months-1,1);this.data.firstDay=first.getDay();varlast=newDate(years,months,0);this.data.lastDay=last.getDate();this.setData({month:months,year:years,firstDay:this.data.firstDay,lastDay:this.data.lastDay})this.data.dateArr=[];for(vari=1;ithis.data.lastDay+1;i++){this.data.dateArr.push(i);}this.setData({dateArr:this.data.dateArr})},onLoad:function(options){this.getDate();this.setDate();varres=wx.getSystemInfoSync();this.setData({param:res.windowHeight/12,})},

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎