亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 課堂 > 小程序 > 正文

微信小程序實現日歷功能

2020-03-21 16:06:06
字體:
來源:轉載
供稿:網友

本文實例為大家分享了微信小程序實現日歷功能的具體代碼,供大家參考,具體內容如下

效果圖:

微信小程序,日歷

微信小程序,日歷

代碼:

<view class="calendar"> <view class="selectDate"> <view class="goleft iconfont icon-jianzuo" bindtap="prevMonth"></view> <view class="date-wrap">  {{year}}年{{month}}月 </view> <view class="goright iconfont icon-jianzuo" bindtap="nextMonth"></view> </view> <view class="week"> <view wx: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> </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 *firstDay +'px;':''}}width:{{param}}px;height:{{param-10}}px;line-height:{{param-10}}px;" class="{{index+1==day?'today':''}} {{index+1==day&&isClock?'clockOn':''}}"><view class="day">{{item}}</view></view> </block> </view></view><!--end calendar-->
data: { year:'', month:'', day:'', weekArr: ['日', '一', '二', '三', '四', '五','六'], dateArr:[], firstDay:'', lastDay:'', param:null, clockNum:3, },getDate: function () { //獲取當月日期 var mydate = new Date(); var year = mydate.getFullYear(); var month = mydate.getMonth(); var months = month + 1; this.data.year = year; this.data.month = months; this.data.day = mydate.getDate(); var fist = new Date(year, month, 1); this.data.firstDay = fist.getDay(); var last = new Date(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 (var i = 1; i < this.data.lastDay + 1; i++) {  this.data.dateArr.push(i); } this.setData({  dateArr: this.data.dateArr,  firstDay: this.data.firstDay }) }, prevMonth:function(){ //上一月 var months=""; var years=""; if(this.data.month ==1){  years=this.data.year-1  this.data.month=12;  months=this.data.month; }else{  years=this.data.year;  months = this.data.month - 1; }  var first = new Date(years, months-1, 1); this.data.firstDay = first.getDay(); var last = new Date(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 (var i = 1; i < this.data.lastDay + 1; i++) {  this.data.dateArr.push(i); } this.setData({  dateArr: this.data.dateArr }) }, nextMonth:function(){ //下一月 var months=""; var years=""; 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; } var months = this.data.month + 1; var first = new Date(years, months-1,1); this.data.firstDay= first.getDay(); var last = new Date(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 (var i = 1; i < this.data.lastDay + 1; i++) {  this.data.dateArr.push(i); } this.setData({  dateArr: this.data.dateArr }) },onLoad: function (options) { this.getDate(); this.setDate(); var res = wx.getSystemInfoSync(); this.setData({  param:res.windowHeight/12, }) },

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久久亚洲精品成人网小说| 亚洲第一页在线| 欧美专区中文字幕| 97在线免费观看视频| 成人黄色中文字幕| 国产欧美精品久久久| 国产成人久久精品| 欧美日韩亚洲国产一区| 欧美国产日韩一区| 国产一区红桃视频| 亚洲va久久久噜噜噜久久天堂| 88国产精品欧美一区二区三区| 日韩高清av一区二区三区| 国语自产精品视频在线看| 亚洲在线www| 色多多国产成人永久免费网站| 国产69精品久久久久9| 亚洲国产精品成人va在线观看| 国产大片精品免费永久看nba| 久久久久久久香蕉网| 欧美激情三级免费| 成人春色激情网| 国产精品久久久久久久久久99| 欧美成人精品一区二区| 亚洲欧美日韩国产精品| 日韩中文在线中文网在线观看| 久久久精品一区二区| 亚洲激情在线观看视频免费| 国产综合香蕉五月婷在线| 亚洲国产精品久久久久秋霞不卡| 97**国产露脸精品国产| 国产日韩欧美视频| 亚洲女人天堂网| 国产一区二区在线免费视频| 国产精品久久久久久久久久东京| 欧美夫妻性视频| 亚洲aa在线观看| 国产精品观看在线亚洲人成网| 亚洲欧美制服另类日韩| 色综合视频一区中文字幕| 欧美成人久久久| 在线观看久久久久久| 亚洲一级一级97网| 91久久久久久久久久久久久| 日本精品一区二区三区在线| 亚洲欧美变态国产另类| 狠狠色香婷婷久久亚洲精品| 亚洲色图50p| 久久久久久久久久久久久久久久久久av| 91久久中文字幕| 日韩欧美在线一区| 日韩三级影视基地| 欧美国产第二页| 国产高清视频一区三区| 国产成人一区二区在线| 国产成人在线视频| 日本精品视频在线| 福利一区视频在线观看| 成人精品久久一区二区三区| 欧美激情精品久久久久久久变态| 精品动漫一区二区三区| 亚洲一区美女视频在线观看免费| 国产一区二区三区直播精品电影| 亚洲天堂免费在线| 精品久久久久久中文字幕| 久久人人爽人人爽人人片亚洲| 青青草国产精品一区二区| 91精品国产成人| 国产精品青青在线观看爽香蕉| 国产精品99久久久久久www| 亚洲一区二区三区在线免费观看| 欧美黑人巨大xxx极品| 黑人巨大精品欧美一区二区| 国产成人精品国内自产拍免费看| 国产成人综合久久| 57pao成人国产永久免费| 日韩av片电影专区| 日韩成人av一区| 亚洲一区二区三| 亚洲福利在线观看| 欧美黑人性猛交| 精品国产一区二区三区久久久狼| 亚洲第一中文字幕| 国产精品欧美激情在线播放| 欧美激情一区二区三区高清视频| 国产成人91久久精品| 欧美中文字幕在线播放| 亚洲一区中文字幕在线观看| 91av在线免费观看| 欧美成人精品激情在线观看| 成人精品久久一区二区三区| 成人天堂噜噜噜| 国产一区二区三区在线观看网站| 精品中文字幕乱| 欧美色视频日本高清在线观看| 亚洲视频网站在线观看| 成人在线免费观看视视频| 日韩不卡在线观看| 久久视频在线播放| 欧美成人全部免费| 日韩激情av在线播放| 一区二区三区美女xx视频| 91久久久久久久久| 国产精品免费视频xxxx| 538国产精品视频一区二区| 国产精品免费一区二区三区都可以| 91精品国产成人www| 成人444kkkk在线观看| 国产精品日韩在线一区| 91精品国产色综合久久不卡98口| 欧美激情中文字幕乱码免费| 日韩av网站在线| 国产精品久久久久久久久久东京| 久久九九国产精品怡红院| 日韩毛片中文字幕| 视频一区视频二区国产精品| 国产日韩欧美视频在线| 久久精品国产99国产精品澳门| 久久免费视频网| 亚洲国产精彩中文乱码av在线播放| 日本sm极度另类视频| 欧美性色视频在线| 欧美日韩亚洲网| 8090成年在线看片午夜| 国产午夜精品一区理论片飘花| 国产精品第2页| 国产亚洲成av人片在线观看桃| 欧美国产日韩免费| 日本亚洲欧美三级| 久久久综合免费视频| 在线亚洲男人天堂| 亚洲国产天堂久久综合网| 97精品国产97久久久久久春色| 亚洲一区精品电影| 成人有码在线播放| 欧美电影免费观看网站| 91欧美精品成人综合在线观看| 91精品久久久久久久久久久久久久| 亚洲成人av中文字幕| 欧美网站在线观看| 91久久精品美女| 性金发美女69hd大尺寸| 日韩av免费在线看| 久久久伊人日本| 欧美激情在线观看视频| 在线日韩中文字幕| 精品国产欧美一区二区五十路| 久久国产视频网站| 亚洲精品一区久久久久久| 久久精品久久久久电影| 亚洲自拍小视频| 欧美亚洲国产日本| 久久伊人精品一区二区三区| 91国自产精品中文字幕亚洲| 日韩精品久久久久| 亚洲国产精品系列| 精品久久久91| 欧美精品第一页在线播放| 亚洲午夜小视频| 日韩中文字幕久久| 久久精品亚洲热| 欧美区二区三区| 日韩欧美综合在线视频| 91香蕉嫩草神马影院在线观看|