jQuery good日历练习-20130731
一、效果及功能说明
模仿good日历自己来完成一个日历的所有效果
二、我的想法
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>