Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8">
        
        <script>
            var chnDay = ["日", "一", "二", "三", "四", "五", "六"]
            var t = new Date();
            var y = t.getFullYear();
            var m = t.getMonth();   // 由getMonth()得到的值是0~11
            var d1 = t.getDate();
            var d2 = t.getDay();
​
            function displayCalender(i)
            {
             d1 += i;
             d2 = (d2 + i + 7) % 7;
             
             if ( d1 >0 && d1 <= 28 )
                {
                 ;
                }
             else
                {
                 if ( d1==32 && (m==0||m==2||m==4||m==6||m==7||m==9||m==11) )
                    {
                     m = (m+1)%12;
                     if ( m==0 ) y += 1;
                     d1 = 1;                    
                    }
                 else if ( d1==31 && (m==3||m==5||m==8||m==10) ) 
                    {
                     m = m+1;
                     d1 = 1;                    
                    }
                 else 
                    {
                     leapYear = ( y%4==0 && y%100!=0 ) || (y%400==0);
                     if ( leapYear==1 && m==1 && d1==30 ) 
                        {
                         m = m+1;
                         d1 = 1;                    
                        }
                     else if ( leapYear==0 && m==1 && d1==29 )
                        {
                         m = m+1;
                         d1 = 1;                
                        }
                     else
                        {
                         ;
                        }
                    }
                }
                
             var m1 = m+1; // 不直接使用變數m來顯示, 而是準備另一個變數m1來做顯示之用
             var s = '<h2 align="center">' + y + '年' + m1 + '月</h2>';
             s += '<h1 align="center">' + d1 + '</h1>';
             s += '<h3 align="center">星期' + chnDay[d2] + '</h3>';
             document.getElementById("showCalender").innerHTML = s;
            }
        </script>
    </head>
    <body>
        <div id="showCalender"></div>
        <script>displayCalender(0)</script>
        <a href="javascript:displayCalender(-1)" style="float:left;">前一天</a>
        <a href="javascript:displayCalender(1)" style="float:right;">後一天</a>
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers