使用jquery做一个简单的当月日历插件

最近看社区上面或者其他的网站上都有一个签到并且附带签到日历便想着自己动手做一下


实现当月日历的步骤


1.先构思出一个原型,为了方便我使用的table做为容器.
这里写图片描述
我是参照win10日历准备画一个这样的东西
一共 7行7列
2.有了思绪后,我们需要获得当月第一天是周几

function getWeekOneDay(){
        var date=new Date();
        date=new Date(date.setDate(1))
        return date.getDay();//0-6
    }

用这段函数可以获得周一到周日 返回一个数字
0 周日
1 周一
2 周二
3 周三
4 周四
5 周五
6 周六


因为一些原因我不太喜欢周日用0因为或许使用0则会使用更多的逻辑判断这里我把周日换成了7
var week;

if(getWeekOneDay()==0){
    week=7;
}

3.我需要把每月的一号位置确定 其余的部分补空格
7 6
6 5
5 4
4 3
3 2
2 1
1 0
我们的公式就是 当天-1=需要的空格数


剩下的就是一些拼接和循环的技巧,请自行领悟 贴出源代码

;(function(undefined) {
   
    "use strict"
    var _global;
    var calendar = {
     
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值