php 微信小程序签到功能,微信小程序每日签到
{{year}}年
{{month}}月
{{date}}日
日
一
二
三
四
五
六
空
{{item+1}}
{{item+date+1}}
签到
今日已签到
page {
margin-top: 50rpx;
background: -webkit-linear-gradient(left, rgb(213, 178, 219), rgb(217, 154, 228));
}
.calendar {
margin: 0 4vw;
padding-bottom: 10rpx;
border-radius: 15rpx;
background-color: #fff;
}
.time {
display: flex;
align-items: center;
padding: 20rpx 20rpx 0 20rpx;
text-align: center;
border-top-left-radius: 15rpx;
border-top-right-radius: 15rpx;
background-color: #fff;
}
.time view {
flex: 1;
font-size: 38rpx;
font-weight: bold;
color: #c589cf;
}
.weekName {
display: flex;
font-size: 30rpx;
padding: 16rpx 0;
margin: 15rpx 15rpx 0 15rpx;
border-top-left-radius: 15rpx;
border-top-right-radius: 15rpx;
background-color: #c589cf;
}
.weekName view {
flex: 1;
text-align: center;
color: #fff;
}
.week {
margin: 0 15rpx 15rpx 15rpx;
font-size: 30rpx;
}
.week view {
width: 14.2%;
height: 70rpx;
line-height: 70rpx;
display: inline-block;
margin: 10rpx 0;
text-align: center;
}
.week view text {
width: 100%;
height: 100%;
display: inline-block;
font-family: '微软雅黑';
}
.calendarSign {
margin: 20rpx;
}
let app = new getApp();
import * as api from "../../../../api/home.js"
Page({
//当前时间
getNowFormatDate() {
let date = new Date();
let seperator1 = "-";
let seperator2 = ":";
let month = date.getMonth() + 1;
let strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
let currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
" " + date.getHours() + seperator2 + date.getMinutes() +
seperator2 + date.getSeconds();
return currentdate;
},
//签到
calendarSign: function() {
let data = {
checkDate: this.getNowFormatDate()
}
app.login().then((res) => {
api.addCheckIn(data).then((res) => {
if (res.code == 0) {
this.getCheckedInRecord(this.data.year, this.data.month, this.data.monthDaySize)
wx.showToast({
title: '签到成功',
icon: 'success',
duration: 2000
})
} else {
wx.showToast({
title: res.msg,
icon: 'success',
duration: 2000
})
}
})
})
},
//获取已签到日期
getCheckedInRecord: function(year, month, monthDaySize) {
let calendarSignData = new Array(monthDaySize)
let data = {
month: month,
year: year
}
app.login().then((res) => {
api.getCheckedInRecord(data).then((res) => {
if (res.code == 0) {
let arr = res.data.checkedDayList
for (let value of arr) {
calendarSignData[value] = value
}
this.setData({
calendarSignData: calendarSignData,
})
}
})
})
},
//初始化
init: function() {
let mydate = new Date(); //本地时间
let year = mydate.getFullYear(); //年
let month = mydate.getMonth() + 1; //月
let date = mydate.getDate(); //今日
let day = mydate.getDay(); //天
let nbsp = 7 - ((date - day) % 7); //空格
let monthDaySize; //天数
if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) {
monthDaySize = 31;
} else if (month == 4 || month == 6 || month == 9 || month == 11) {
monthDaySize = 30;
} else if (month == 2) { //计算是否是闰年,如果是二月份则是29天
if ((year - 2000) % 4 == 0) {
monthDaySize = 29;
} else {
monthDaySize = 28;
}
};
this.setData({
year: year,
month: month,
nbsp: nbsp,
date: date,
monthDaySize: monthDaySize
})
this.getCheckedInRecord(year, month, monthDaySize) //获取已签到日期
},
onLoad: function() {
this.init() //初始化
}
})
php 微信小程序签到功能,微信小程序每日签到相关推荐
- 视频教程-10分钟实现微信小程序支付功能-微信开发
10分钟实现微信小程序支付功能 码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥19. ...
- 开放小程序插件功能,小程序插件的使用
米多客新增小程序插件功能,但很多小伙伴可能还不明白小程序插件到底是什么?又该怎么用? 今天就来解读一下米多客小程序插件的定义. 米多客小程序插件,是可被添加到小程序内直接使用的会话功能组件.小程序开发 ...
- html页面调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信jssdk调用微信扫一扫功能?具体内容如下 1. 确保有 调起微信扫一扫接口 权限,测试号可能不行: 2. 导入相关js 3. 页面触发扫码元素 4. 相关js代码 var _appid ...
- 微信新增刷卡功能 微信二维码支付回归?
苹果的新品发布会在给手机厂商的压力的同时,apple pay的发布给移动支付承销商敲响了警钟,虽然apple-pay还没正式登陆国内,但已经有开发者在ios8代码中发现"入侵"的倾 ...
- php调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信JSSDK调用微信扫一扫功能?具体内容如下 1. 确保有 调起微信扫一扫接口 权限,测试号可能不行: 2. 导入相关JS 3. 页面触发扫码元素 4. 相关JS代码 var _appId ...
- python实现签到功能_python实现网页自动签到功能
本文实例为大家分享了python实现网页自动签到功能的具体代码,供大家参考,具体内容如下 第1步.环境准备(用的chrome浏览器) 1.安装selenium包 pip install seleniu ...
- java 日历签到功能_自定义Calendar实现签到功能
前言 这篇文章没有什么可看性,主要是源码注释太多,推荐自己看源码,更容易理解些,在这里主要介绍,其运作流程,贴代码片段. 自定义View要重写三个方法:onMeasure,onLayout,onDra ...
- c语言每日签到_C语言socket编程--每日签到
前几天写了个python的每日签到,你运行还得借助crontab,很是不爽.....正好前几天看了个关于c编写daemon进程,加上自己那点可怜的socket知识,于是我们重操旧页,C语言版的每日签到 ...
- 微信小程序分享功能(微信好友,朋友圈)
1.点击按钮实现分享微信好友 //html部分 <button class="share_list_button" open-type="share"&g ...
- php微信小程序 留言功能,微信小程序评论/留言功能,附:前端+后端代码+视频讲解!...
前端界面: (此图片来源于网络,如有侵权,请联系删除! ) 演示: (此图片来源于网络,如有侵权,请联系删除! ) 授权登录 留言 {{item.result}} 以下是留言内容 {{item.nic ...
最新文章
- 科研必备:10款提升科研效率的神器
- Spring事务处理流程和原理(动脑学院笔记)
- win8计算机安全模式,Win8如何进入安全模式
- CityEngine如何生成隧道
- Aspose转PDF时乱码问题的解决
- 饿了么4年+阿里2年:研发路上的一些总结与思考
- 哇!单细胞测序-配体受体互作分析原来可以这么简单又高大上!
- 吴恩达深度学习2.1练习_Improving Deep Neural Networks_initialization
- 程序员的职业素养---编码
- swith 好久不用都忘记了
- Q133:PBRT-V3,BSSRDF的采样(15.4章节)
- 优化CUDA数据传输
- Linux 常用系统工具与初始化配置
- python文件操作完成_基于python的文件操作
- 星环大数据incepter简易指南
- java如何进行性能调优,Java性能调优常用方法
- “粤省事”春运专区上线 31项服务让回家更便捷
- gin-binding参数效验
- 自定义Drawable 实现图片圆角、圆形、椭圆形
- Linux之用户和权限