新手求助php日历问题

juqiao4175

于 2017-01-02 15:36:22 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/juqiao4175/article/details/53979377

版权

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
        <style>
            .tdborder{
                border: 1px solid red;
            }
        </style>
        <script type="text/javascript">

            function test(){
               var tb = document.getElementsByTagName("table")[0];
               var trs = tb.getElementsByTagName("tr");

               for(var i=0;i<trs.length;i++){
                   var td = trs[i].firstChild;
                   var tdl = trs[i].lastChild;

                   td.setAttribute("style","color:red");
                   tdl.setAttribute("style","color:red");

               }

                var tds = tb.getElementsByTagName("td");
                for(var j=0;j<tds.length;j++){

                    tds[j].onmouseover = function(){
                        for(var k=0;k<tds.length;k++){
                            tds[k].className="";
                        }
                        this.className="tdborder";
                    }

                    tds[j].onclick = function(e){
                        var div = document.getElementsByTagName("div");
                        for(var a=0;a<div.length;a++){
                            document.body.removeChild(div[a]);
                        }
//                        var w = this.cellIndex;
//                        alert(w);
                        var e = e || window.event;
                        var day = this.innerHTML;
                        var d = document.createElement("div");
                        d.style.border = "1px solid red";
                        d.style.position = "absolute";
                        d.style.zIndex = 22;
                        d.style.left = e.clientX+20 + "px";
                        d.style.top = e.clientY+5 + "px";
                        d.style.width = "100px";
                        d.style.height = "100px";
                        d.innerHTML = day;

                        document.body.appendChild(d);

                    }

                }

            }

            window.onload = test;

        </script>

    </head>
    <body>
    <?php

    $year = 2014;
    $month =4;
    $total = 0;
    $isRN = false;
    $month_day = 0;

    if($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0){
        $isRN = true;
    }

    for($i=1900;$i<$year;$i++){
        if($i % 4 == 0 && $i % 100 != 0 || $i % 400 == 0){
            $total += 366;
        }else{
            $total += 365;
        }
    }

    for($i=1;$i<=$month;$i++){
        switch($i){
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                $month_day = 31;
                break;
            case 2:
                if($isRN){
                    $month_day = 29;
                }
                else{
                    $month_day = 28;
                }
                break;
            default:
                $month_day = 30;
                break;

        }
        if($i < $month){
            $total += $month_day;
        }
    }

    $temp = $total % 7 + 1;
    if($temp == 7){
        $temp = 0;
    }

    echo "<table>";
    echo "<tr><th>星期天    </th>
        <th>星期一    </th>
        <th>星期二    </th>
        <th>星期三    </th>
        <th>星期四    </th>
        <th>星期五    </th>
        <th>星期六    </th></tr>";
    for($i=1;$i<=$month_day;$i++){
        if($i==1){
            echo "<tr>";
        }
        if($temp != 0){
            for($j=0;$j<$temp;$j++){
                echo "<td></td>";
            }
            $temp = 0;
        }
        echo "<td>".$i."</td>";
        if(($total+$i + 1) %7 == 0){
            echo "</tr><tr>";
        }
        if($i == $month_day){
            echo "</tr>";
        }
    }
    echo "</table><br/>";

    ?>

    </body>

</html>

本人想点击日期在div内显示出这是今年的第多少天和星期几。求大神帮帮忙