麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

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

微信小程序?qū)崿F(xiàn)日歷功能

2020-03-21 16:06:06
字體:
供稿:網(wǎng)友

本文實(shí)例為大家分享了微信小程序實(shí)現(xiàn)日歷功能的具體代碼,供大家參考,具體內(nèi)容如下

效果圖:

微信小程序,日歷

微信小程序,日歷

代碼:

<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 () { //獲取當(dāng)月日期 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, }) },

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 2019中文字幕在线播放 | 毛片一级视频 | 久久影城| 久久亚洲国产精品 | 国产亚洲精品久久久久婷婷瑜伽 | teensexhd| 精品国产一区二区在线 | 日本欧美一区二区 | 日韩毛片网 | 日韩视频一区二区在线观看 | 免费a级作爱片免费观看欧洲 | 暴力肉体进入hdxxxx0 | 72pao成人国产永久免费视频 | 欧美不卡 | 91精品国产乱码久久久久久久久 | 久久久久av电影 | 高清av在线 | 伊人午夜视频 | 欧美一级高潮 | 久久国产成人精品国产成人亚洲 | 欧美日本国产精品 | 久久久久.com | 国产精品一品二区三区四区18 | 日韩视频1 | 欧美一级黄色录像片 | 天天看天天摸天天操 | 成人午夜视频免费在线观看 | 国产精品久久av | 成人免费在线观看视频 | 欧美日韩在线看片 | 成人三级电影在线 | 91av日韩 | 亚洲视频在线一区二区 | 精品国产一区二区三区天美传媒 | 羞羞网站在线看 | 天堂成人一区二区三区 | 欧美三级短视频 | 国产精品久久在线观看 | 久久国产精品99久久人人澡 | 亚洲射情 | 国产羞羞视频免费在线观看 |