HTML5实现签到 功能

大佬教程收集整理的这篇文章主要介绍了HTML5实现签到 功能，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

Introduce(介绍) 用户签到的H5例子（css+jquery，无图片），由于网上找的的用户签到例子都不好，要不就是好多图片组成的，要不就大量冗余代码，所以特意做了个签到界面（移动端）。 User sign sample page for mobile using h5 which only use css + jquery + html. Demo https://fallstar0.github.io/SignSample/ Shot(截图) 一些关键的地方 这个功能的编写思路是，先构建日期和签到相关数据，然后从服务端获取数据，并对原有数据进行更改，最后进行渲染。 这样子很好的摆脱了逻辑比较凌乱的问题，并且可以直接将这些数据用 vue.js 来挂载（本文没有这样做）。 生成日期数据 //生成日期数据 function buildData() { var da = { dates: [],//日期数据，从1号开始 current: '',//当前日期 monthFirst: 1,//获取当月的1日等于星期几 month: 0,//当前月份 days: 30,//当前月份共有多少天 day: 0,//今天几号了 isSigned: false,//今天是否已经签到 signLastDays:3,//连续签到日子 signToday: function () { this.isSigned = true; this.dates[this.day].isSigned = true; },}; var ds = []; //初始化日期数据 var dt = new Date(); da.current = dt.ToString('yyyy年M月d日'); da.monthFirst = new Date(dt.getFullYear(),dt.getMonth(),1).getDay(); da.month = dt.getMonth() + 1; da.days = new Date(dt.getFullYear(),parseInt(da.month),0).getDate();//获取当前月的天数 da.day = dt.getDate(); for (var i = 1; i < da.days="" +="" 1;="" i++)="" {="" var="" o="{" issigned:="" false,//是否签到了="" num:="" i,//日期="" istoday:="" i="=" da.day,//是否今天="" ispass:="" i="">< da.day,//时间已过去="" };="" ds[i]="o;" }="" da.dates="ds;" return="" da;="">

大佬总结

以上是大佬教程为你收集整理的HTML5实现签到 功能全部内容，希望文章能够帮你解决HTML5实现签到 功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。