jQuery google日历练习-20130731
程序员文章站
2022-07-12 21:31:00
...
一、效果及功能说明
模仿google日历自己来完成一个日历的所有效果
二、我的想法
1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来
2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几
三、效果图
四、代码
(每天跟进更新把今天的写的东西和想法更新到上面)
模仿google日历自己来完成一个日历的所有效果
二、我的想法
1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来
2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几
三、效果图
四、代码
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/backmanage_login.css" />
<script language="javascript" type="text/javascript" src="http://www.jsfoot.com/skin/js/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
//定义方法
setInterval(showTime, 100);
//定义出现时间
function timer(obj,txt){
//定义直接可以写入的方法
obj.text(txt);
//进入html里
}
function showTime(){
//定义获得年月日和星期的方法
var today = new Date();
//定义参数 新建一个获得年月份的方法
var weekday=new Array(7)
//定义参数 新建一个数组
weekday[0]="星期一"
weekday[1]="星期二"
weekday[2]="星期三"
weekday[3]="星期四"
weekday[4]="星期五"
weekday[5]="星期六"
weekday[6]="星期日"
//里面放有星期1到星期日
var month=new Array(12)
//定义参数 新建一个数组
month[0]="1"
month[1]="2"
month[2]="3"
month[3]="4"
month[4]="5"
month[5]="6"
month[6]="7"
month[7]="8"
month[8]="9"
month[9]="10"
month[10]="11"
month[11]="12"
//里面有代表12个月份
var y=today.getFullYear()+"年";
//定义参数 获得当前的年份
var month=month[today.getMonth()] +"月";
//定义参数 获得当前的月份
var td=today.getDate()+"日";
//定义参数 获得当前的多少号
var d=weekday[today.getDay() -1];
//定义参数 获得当前星期几
timer($("#aa"),y);
timer($("#ss"),month);
timer($("#dd"),td);
timer($("#ff"),d);
//让他们写入不同的p标签里面
}
});
</script>
</head>
<body>
<div class="date">
<p id="aa"></p>
<p id="ss"></p>
<p id="dd"></p>
<p id="ff"></p>
</div>
</body>
</html>
(每天跟进更新把今天的写的东西和想法更新到上面)
