小程序：获取当前周数，年份和月份

废话不多说直接上代码：

axml代码：

<view class="listframe" ><view class='select_boxa'><view class='selecta' onTap='selectTap1'><text class='select_texta'>{{selectData1[index1]}}</text><image class='select_imga {{show1&&"select_img_rotatea"}}' src="{{listSrc}}"></image></view><view class='option_boxa' style='height:{{show1?(selectData1.length>4?240:selectData1.length*60):0}}rpx;'><text class='optiona' style='{{index1==selectData1.length-1&&"border:0;"}}' a:for='{{selectData1}}' a:key='this' data-index='{{index}}' onTap='optionTap1'>{{item}}</text></view></view><view class='select_boxb'><view class='selecta' onTap='selectTap2'><text class='select_texta'>{{month[index2]}}</text><image class='select_imga {{show2&&"select_img_rotatea"}}' src="{{listSrc}}"></image></view><view class='option_boxa' style='height:{{show2?(month.length>5?300:month.length*60):0}}rpx;'><text class='optiona' style='{{index2==month.length-1&&"border:0;"}}' a:for='{{month}}' a:key='this' data-index='{{index}}' onTap='optionTap2'>{{item}}</text></view></view><view class='select_boxb'><view class='selecta' onTap='selectTap3'><text class='select_texta'>{{selectData3[index3]}}</text><image class='select_imga {{show3&&"select_img_rotatea"}}' src="{{listSrc}}"></image></view><view class='option_boxa' style='height:{{show3?(selectData3.length>5?300:selectData3.length*60):0}}rpx;'><text class='optiona' style='{{index3==selectData3.length-1&&"border:0;"}}' a:for='{{selectData3}}' a:key='this' data-index='{{index}}' onTap='optionTap3'>{{item}}</text></view></view></view>

js:

data: {show1:false,//控制下拉列表的显示隐藏，false隐藏、true显示show2:false,show3:false,selectData1:['第一周','第二周','第三周','第四周','第五周'],//下拉列表的数据(周)month:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],//下拉列表的数据(月)selectData3:['2020','2021','2022','2023','2024','2025','2026','2027'],//下拉列表的数据(年)index:0,index1:0,index2:0,index3:0},methods: {selectTap1(){this.setData({show1: !this.data.show1});},selectTap2(){this.setData({show2: !this.data.show2});},selectTap3(){this.setData({show3: !this.data.show3});},// 点击下拉列表optionTap1(e){let Index=e.currentTarget.dataset.index;//获取点击的下拉列表的下标this.setData({index1:Index,show1:!this.data.show1});},optionTap2(e){let Index=e.currentTarget.dataset.index;//获取点击的下拉列表的下标this.setData({index2:Index,show2:!this.data.show2});},optionTap3(e){let Index=e.currentTarget.dataset.index;//获取点击的下拉列表的下标this.setData({index3:Index,show3:!this.data.show3});},let data = new Date() //当前日期let year = Number(data.getFullYear());//当前年let month = Number(data.getMonth())+1;let nowMonth =Number(data.getMonth()); //当前月let day = Number(data.getDate()); //当天//计算某日是本月第几周let mydate=new Date(year,month-1,day);let weekday=mydate.getDay(); //获取该日是星期几，0代表星期日//今天本周的第几天let weekno=Math.ceil((day + 6 - weekday) / 7); // 本月第几周console.log("本月第几周:"+weekno)//周let week = [1,2,3,4,5]let Index=0 //第一个索引let ifor( i = 0; i < week.length; i++) {if(week[i]==weekno){Index=ithis.setData({index1:Index,show1:this.data.show1});}}//月let months = [1,2,3,4,5,6,7,8,9,10,11,12]for( i = 0; i < months.length; i++) {if(months[i]==month){Index=ithis.setData({index2:Index,show2:this.data.show2});}}//年let years = ['2020','2021','2022','2023','2024','2025','2026','2027']for( i = 0; i < years.length; i++) {if(years[i]==year){Index=ithis.setData({index3:Index,show3:this.data.show3});}}},

如图：

说明：下拉列表显示为当前周和当前月，当前年。

小程序：获取当前周数，年份和月份相关推荐

微信小程序时间加法_微信小程序获取系统时间、时间戳、时间时间戳加减
微信小程序获取系统时间.时间戳.时间时间戳加减,微信小程序获取明天时间 //获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = ti ...
微信小程序获取openid和session_key并且把openid存入数据库
微信小程序开发交流qq群 581478349 微信小程序获取openid和session_key并且把openid存入数据库.已经调用openid的demo 前后端代码都有,后端php实现在其它 ...
微信小程序获取附近商家
** 源代码-微信小程序获取附近商家 ** const app = getApp(); var timer = false; var QQMapWX = require('../../utils/qq ...
微信小程序获取当前位置和城市名
这篇文章主要介绍了微信小程序获取当前位置和城市名的思路,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下目录一.授权并获取经纬度腾讯地图API **简介** Hello world! 一. ...
获取this_小程序获取微信运动步数并集成echarts报表显示
需求现在运动计步非常的火,大家常用的计步工具一般有keep.咕咚.微信运动和其他移动设备等,本文是基于微信小程序获取用户的微信运动数据并可视化呈现出来. 先看一下最终实现效果: 微信运动规则在开发 ...
小程序获取用户信息
小程序获取用户信息 1.先判断是否授权 wx.getSetting({ success: (data) => { console.log(data); if (data.authSetting[ ...
android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
小程序获取form_id 与小程序获取openid
小程序获取form_id **介绍:**小程序的 from_id 要在用户发生操作的时候才能产生,所以我们可以用以下方法来做直接上代码 wxml <form bindsubmit=" ...
python--微信小程序获取手机号码报错
微信小程序获取手机号码报错,其中python文档中有一段需要引用 'Crypto'的库在windows环境下可能会出现安装失败等原因,可以安装PyCryptodome来替代转载于:https:// ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...

小程序：获取当前周数，年份和月份

小程序：获取当前周数，年份和月份相关推荐

最新文章

热门文章