以前做博客 时候写的一个周历,感觉还不错 加图片轮播的,需要的可以拿去看看;附一下JS代码:

1. //计算日期
   
2. function GetDateStr(num) {
   
3.     var otherDay = new Date();
   
4.     otherDay.setDate(otherDay.getDate() + num);//获取num天后的日期
   
5.     var otherY = otherDay.getFullYear();
   
6.     var otherM = otherDay.getMonth() + 1;//获取当前月份的日期
   
7.     var otherD = otherDay.getDate(/dd|DD/);
   
8.     var otherD = (otherD < 10) ? '0' + otherD : otherD;
   
9.     var y = document.getElementsByClassName("year")[0];
   
10.     var m = document.getElementsByClassName("month")[0];
    
11.     y.innerHTML = otherY;
    
12.     m.innerHTML = otherM+'月';
    
13.     return [otherY, otherM, otherD];
    
14. }
    
15. 
    
16. //写出周历
    
17. function getWeek(n) {
    
18.     var w = document.getElementsByClassName("slide-triggers")[0];
    
19.     var li = w.children;
    
20.     var sun = document.getElementsByClassName("date");
    
21.     var d = new Date().getDate();
    
22.     var m = -n;
    
23.     for (a = 0; a <= 7; a++) {
    
24.         sun[a].textContent = GetDateStr(m)[2];
    
25.         if (sun[a].textContent == d) { li[a].className = 'on';}
    
26.         li[a].title = GetDateStr(m)[0] + '年' + GetDateStr(m)[1] + '月' + GetDateStr(m)[2] + '日';
    
27.         m++;
    
28.     }
    
29. }
    
30. 
    
31. $(function weekDay() {
    
32.     //这里设置轮播的参数
    
33.     $(".myweek").slide({ mainCell: ".slide-content ul", titCell: ".slide-triggers li", defaultIndex: day, trigger: "click" })
    
34.    //星期判断
    
35.     var day = new Date().getDay();
    
36.     switch (day) {
    
37.         case 1:
    
38.             getWeek(1);
    
39.             break;
    
40.         case 2:
    
41.             getWeek(2);
    
42.             break;
    
43.         case 3:
    
44.             getWeek(3);
    
45.             break;
    
46.         case 4:
    
47.             getWeek(4);
    
48.             break;
    
49.         case 5:
    
50.             getWeek(5);
    
51.             break;
    
52.         case 6:
    
53.             getWeek(6);
    
54.             break;
    
55.         case 0:
    
56.             getWeek(0);
    
57.             break;
    
58.     }
    
59. });

复制代码

不错，下下来学习一下

{:soso_e179:}

学习中！！！

学习一下，感谢分享！