首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端|利用js实现在日历中的签到效果

效果介绍 日历在手机软件里是非常常见的一个功能,几乎每一个手机都有一个自带的手机日历软件。签到功能也是特别常用的,学习通、淘宝、包括学校使用的热水软件U易也都有运用。...在一些签到获取积分(或者其他奖励)的软件中,签到和日历功能常常是捆绑使用。我们今天要实现的也是签到功能和日历捆绑在一起的效果。 本次的实现效果如下图1.1: ?...关于日历我们需要实现的效果有:①判断某一天是星期几;②判断某个月有几天;③判断某一年是平年还是闰年(即二月份是28天还是29天); 关于签到需要实现的更多的是样式的变化:①点击签到之后,签到按钮要发生变化...,从签到变成已签到;②当签到成功后,页面利用模态框显示“签到成功字样”,如图2.1所示;③当签到成功后日历中对应的日期要发生相应的样式变化; ?...; 关于日历功能实现的具体步骤: (1)利用HTML5代码对页面框架进行搭建: div> <div class="col-xs-2 addre

5.4K20

分享一个精致实用的HEXO博客小插件:日历

分享一个精致实用的HEXO博客小插件:日历云 2018-10-26 by Liuqingwen | Tags: Hexo | Hits ?...我的博客主题使用已接近两年,整体来说还是偏于简洁实用型,基本上没有什么其他扩展功能,既然在官方网站没找到合适的插件,也不会自己打造一个插件,就一直保持了下来,现在用起来不便,才到网上搜索查找与日历相关的插件...calendar.js 和 languages.js 脚本文件,我直接放在了主题的 js 文件夹下: [blog_root]/themes/[your_theme]/source/js/calendar.js...以我的博客为例,我在全局配置文件 _config.yml 中配置了博客根目录: root: /blog/ 所以内容放在服务器下名为 /blog/ 的文件夹下,因此日历上的链接路径也应该加上 /blog/...展示位置 基本工作都完成了,最后一步就是日历云的页面摆放位置了。这里你可以自由发挥,找到相应位置的源代码添加日历云插件即可! 以我的博客为例,我选择在菜单栏中显示日历最佳,所以找到博客主题的 ...

1.8K30

日历(Calendar)

1、Calendar概述 1.1、什么是Calendar Calendar是日历类,在Date后出现,替换掉了许多Date的方法。该类将所有可能用到的时间信息封装为字段值,方便获取。...类在创建对象时并非直接创建,而是通过静态方法创建,将语言敏感内容处理好,再返回子类对象,如下: Calendar类静态方法:static Calendar getInstance():使用默认时区和语言环境获得一个日历...Calendar c = Calendar.getInstance(); //返回当前日历对象 2、Calendar常用方法 public static Calendar getInstance():获取日期对象...指定字段增加某值 public final void set(int year,int month,int date):设置年月日,可查看对应重载 public final Date getTime():获取该日历对象转成的日期对象...(rightNow.get(Calendar.MONTH)); System.out.println(rightNow.get(Calendar.DATE)); //日历对象获取毫秒值

3.3K10

基于 Next.js 的新博客

早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。...Next.js 的官网还有一套简单的教程可以直接上手,跟着教程做完后直接就获得了一个现成的博客系统,或者说是 Markdown 解析器? 总之我们可以从这上面下手。...代码高亮找不到适合我这个画风的,直接去掉吧,毕竟我不是什么技术博客,代码量还是很少的。 评论……本来是想去掉,总之还是先加上,而且本地不好调试我还不知道到底有没有效果。依然是 DisqusJS。...最后 说了这么多,其实博客现在还是 Beta 版本,不可预见的 BUG 太多太多了。先用着,之后慢慢修。 旧博客放到了 old.csd.pub 保存。

72930

自用 Next.js 博客程序放出

想起来之前发现 GitHub 上各种比我水的 Next.js 博客程序,干脆把我的也发出来接受民众拷打吧。 ---- 只能说仅供参考,不建议用。 这一个月没研究连我写了什么都不清楚了,刚好复习下。...配置 在根目录下编写 next.config.js,基本已经注释上了。 评论则是修改 src/components/comment.js,这个怎么改就参考 DisqusJS 的 readme 吧。...Sitemap 配置需要修改 next-sitemap.config.js,RSS 生成配置则修改 scripts/g-rss.js。 样式 没有主题功能,都是直接写死在上面的,如果要改只能挨个改。...src/components/layout.js 是基本结构,包含了头部、顶栏导航和页脚。主要页面会生成在中间。 顶栏导航和页脚则分别对应同目录下的 nav.js 和 footer.js。...部署 这部分建议参考 Next.js 官方文档的部署教程。

38030
领券