幽灵资源网 Design By www.bzswh.com
这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
wxml
<view class="dateView"> <image class="dateLeft" bindtap="prevWeek" src="/UploadFiles/2021-04-02/dateLeft.png">wxss
.dateView{ padding:0 32rpx; height:98rpx; display: flex; align-items: center; background:#fff; } .dateView>image{ width:50rpx; height:50rpx; } .dateView>view{ flex: 1; text-align: center; color:#333; font-size: 34rpx; }js
const GetPeriod = require("../../utils/getperiod.js"); Page({ /** * 页面的初始数据 */ data: { currentTab: 1, dateStart:'2019-10-16', dateEnd: '2019-10-16', }, /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { let that = this; that.getWeekStartDate(0) }, //获取本周的开始日期 getWeekStartDate(numDay) { let that = this; this.now = new Date(); this.nowYear = this.now.getYear(); //当前年 this.nowMonth = this.now.getMonth(); //当前月 this.nowDay = this.now.getDate(); //当前日 this.nowDayOfWeek = this.now.getDay(); //今天是本周的第几天 this.nowYear += (this.nowYear < 2000) "/"); now = now.substring(5); this.setData({ dateStart: dateStart, dateEnd: dateEnd, now: now, dates: now, }) // 初始化数据(历史纪录) var timestamp = Date.parse(new Date(this.data.dateStart)); timestamp = timestamp / 1000; // console.log(timestamp); that.setData({ timestamp: timestamp }) }, // 点击上一周 prevWeek: function(e) { this.data.num = this.data.num - 7; this.getWeekStartDate(this.data.num); }, // 点击下一周 nextWeek: function(e) { this.data.num = this.data.num + 7; this.getWeekStartDate(this.data.num); }, })function constructor1 (){ this.now = new Date(); this.nowYear = this.now.getYear(); //当前年 this.nowMonth = this.now.getMonth(); //当前月 this.nowDay = this.now.getDate(); //当前日 this.nowDayOfWeek = this.now.getDay(); //今天是本周的第几天 this.nowYear += (this.nowYear < 2000) "text-align: center">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
微信小程序,一周时间表
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...