闲来无事写的一个简单的JavaScript日历

原创 2007年09月20日 17:41:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
        <script>
       
        var celendarContents={
            "1":"http://xxx.blog.cn/show.action?d=1",
            "3":"http://xxx.blog.cn/show.action?d=1",
            "15":"http://xxx.blog.cn/show.action?d=1",
            "19":"http://xxx.blog.cn/show.action?d=1",
            "24":"http://xxx.blog.cn/show.action?d=1",
            "27":"http://xxx.blog.cn/show.action?d=1"
        }
       
        var today=new Date();
        function init(){
            setCelendar(today.getFullYear(),today.getMonth());
        }
       
        function nextYear(){
            setCelendar(today.getFullYear()+1,today.getMonth());
            today.setYear(today.getFullYear()+1);
        }
       
        function preYear(){
            setCelendar(today.getFullYear()-1,today.getMonth());
            today.setYear(today.getFullYear()-1);
        }
       
        function nextMonth(){
            var month=today.getMonth();
            var year=today.getFullYear();
            month++;
            if(month>11){
                month=0;
                year=year+1;
            }
            today.setYear(year);
            today.setMonth(month);
            setCelendar(year,month);
        }
       
        function preMonth(){
            var month=today.getMonth();
            var year=today.getFullYear();
            month--;
            if(month<0){
                month=11;
                year=year-1;
            }
            today.setYear(year);
            today.setMonth(month);
            setCelendar(year,month);
           
        }
       
        function clear(){
            for(var i=0;i<42;i++){
                var tdid="ctd"+i;
                document.getElementById(tdid).innerHTML="";
            }
        }
       
        //实际中调使用ajax获得内容日期列表
        function getCelendarContents(){
            return celendarContents;
        }
       
       
        function setCelendar(year,month){
            clear();
            var d=new Date();
            d.setYear(year);
            d.setMonth(month);
            d.setDate(1);
            var dow=d.getDay();
            document.getElementById("c_year").innerHTML=year;
            document.getElementById("c_month").innerHTML=month+1;
            var i=1;
            var m=month;
            var contents=getCelendarContents();
            while(m==month){
                var tdid="ctd"+(i-1+dow);
                var htmlCode=""+i;
                if(contents[i]){
                    var url=contents[i];
                    htmlCode="<a href='"+url+"' target='_blank'>"+i+"</a>";
                }
                document.getElementById(tdid).innerHTML=htmlCode;
                i++;
                d.setDate(i)
                m=d.getMonth();

            }
        }
       
       
       
       
       
       
    </script>
</head>

<body onload="init();">

    <table>
        <tr>
            <th>日</th>
            <th>一</th>
            <th>二</th>
            <th>三</th>
            <th>四</th>
            <th>五</th>
            <th>六</th>
        </tr>
        <tr>
            <td id="ctd0"></td>
            <td id="ctd1"></td>
            <td id="ctd2"></td>
            <td id="ctd3"></td>
            <td id="ctd4"></td>
            <td id="ctd5"></td>
            <td id="ctd6"></td>
        </tr>
        <tr>
            <td id="ctd7"></td>
            <td id="ctd8"></td>
            <td id="ctd9"></td>
            <td id="ctd10"></td>
            <td id="ctd11"></td>
            <td id="ctd12"></td>
            <td id="ctd13"></td>
        </tr>
        <tr>
            <td id="ctd14"></td>
            <td id="ctd15"></td>
            <td id="ctd16"></td>
            <td id="ctd17"></td>
            <td id="ctd18"></td>
            <td id="ctd19"></td>
            <td id="ctd20"></td>
        </tr>
        <tr>
            <td id="ctd21"></td>
            <td id="ctd22"></td>
            <td id="ctd23"></td>
            <td id="ctd24"></td>
            <td id="ctd25"></td>
            <td id="ctd26"></td>
            <td id="ctd27"></td>
        </tr>
        <tr>
            <td id="ctd28"></td>
            <td id="ctd29"></td>
            <td id="ctd30"></td>
            <td id="ctd31"></td>
            <td id="ctd32"></td>
            <td id="ctd33"></td>
            <td id="ctd34"></td>
        </tr>
        <tr>
            <td id="ctd35"></td>
            <td id="ctd36"></td>
            <td id="ctd37"></td>
            <td id="ctd38"></td>
            <td id="ctd39"></td>
            <td id="ctd40"></td>
            <td id="ctd41"></td>
        </tr>
        <tr>
            <td colspan="7" align="center">
                <table>
                    <tr>
                        <td><a href="javascript:preYear()"><<</a></td>
                        <td id="c_year"></td>
                        <td><a href="javascript:nextYear()">>></a></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="7" align="center">
                <table>
                    <tr>
                        <td><a href="javascript:preMonth()"><<</a></td>
                        <td id="c_month"></td>
                        <td><a href="javascript:nextMonth()">>></a></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

</body>
</html>
 

妖哲的日常1——闲来无事搭建一个个人站点吧!

Okay,既然期末的人工智能要求作业可以是网站,那么wo
  • zhe13
  • zhe13
  • 2014年09月30日 10:59
  • 736

闲来无事,用java写了一个魔方小程序。附源码

闲来无事,用java写了一个魔方小程序。附源码 使用三维数组。相对来说还是简单。呵呵。 import java.util.ArrayList; import java.util.L...

闲来无事,塔建了一下android ndk和简单的编译并安装运行apk

一、Android Ndk 下载地址 http://developer.android.com/tools/sdk/ndk/index.html#Installing 二、环境变量配质 ...

Golang1.7闲来无事写了一个基于Gob的tcp通讯用的包

package gobconnimport ( "encoding/gob" "errors" "net" "reflect" "sync" "unsa...

闲来无事---写了一个生成验证码的代码

昨天写了一个生成验证码的代码,效果还可以,现在把他贴出来,

闲来无事写一写拿网站做App数据数据的

一直有人问我是怎么拿网页的数据的,于是有了本文,其实很简单的,并没有用jsoup等框架 最近被一段改编的歌词迷住了,送给大家笑笑:三年滴等待,等待你老母个嗨 让我顶你个肺 铺你个街 在丢你老母嗨!...

今天闲来无事,写一波Java数组可好?

今天,上课时看到书中的Java数组,跟c/c++略有不同,所以,写了几个简单的数组函数,分别为求数组中最大值,最小值,平均值,和方阵相乘,来看看代码吧!/** * java 数组玩一波 */ pa...

国庆在家,闲来无事,收IPTV的组播流玩玩

运营商IPTV的技术文档之前看过不少,之前按照协议模拟过流发送和接收,不过收真实网里的组播流还是第一次。。。 直接用vlc播放rtp流就好了。 第一张是码流结构截图: H.264+mpega+Ot...

闲来无事用html做了个win8.1的界面,看起来就跟真的一模一样!

暑假在家真是闲的蛋疼,正巧又在学web,看着自己的电脑我就想着能不能做个metro界面出来呢,然后自己在家里捣鼓,终于成功了!!!我准备回学校用这个来逗室友 上效果图 最后网页全屏出来的效果呢就和我电...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:闲来无事写的一个简单的JavaScript日历
举报原因:
原因补充:

(最多只允许输入30个字)