ページのカレンダー_時刻と日付は Javascript によって実装されます

效果图： CSS代：

复制代 代码如下: *{ マージン:0; パディング:0; フォント:10px タホマ; } #calender{ text-align:center; 幅:147ピクセル; フォントサイズ:10px; /*color: #27B0C1;*/ margin:12px 0 12px 6px; ボーダートップ:1px ソリッド #EEEEEE; ボーダー左:1px 実線 #EEEEEE; } #calender .arrow_over{ 色: #FF1493; } #calender .arrow_out{ 色: #FF8C00; } #calender td{ border-bottom:1px ソリッド #EEEEEE; border-right:1px 実線 #EEEEEE; 幅:21px; 高さ:20px; 行の高さ:16px; 色:#666666; } #calender #cal_title{ width:147px;背景:#EFEFEF; } #calender #week td{ 背景: #F8F8F8; } #calender .current{ 背景: #AAE7E8; 表示: ブロック; マージン:2px; } #calender .notcurrent{ 表示: ブロック; マージン:2px; 背景:#EDEDED; } 脚本代： 复制代 代码如下: document.writeln(" 日历加载中... "); var press_tag; function changecal(action,year,month) { var strcal; switch(action) { case "来月" : if(月==11) { 月 = 1; 年 = 年*1 1; 月 = 月*1 2; >} strcal = " > "; break; case "premonth": if(month==0) { month = 12; year = year*1 - 1; } strcal = " "; break; case "nextyear": year = year*1 1; month = month*1 1; strcal = " >> "; break; case "preyear": 年 = 年*1 - 1; 月 = 月*1 1; strcal = " "; default:; strcal = " " strcal " "; return(strcal); 関数 calender(cyear,cmonth) { var d,d_date,d_day,d_month; /定义每月天数组 var monthdates = ["31","28","31","30","31","30","31","31","30"," 31","30","31"] d = new Date(); d_year = d.get Year(); //获取年份 // 判断闰月、把月日付の二月改成29 if (((d_year % 4 == 0) && (d_year % 100 != 0)) || (d_year % 400 == 0)) monthdates[1] = "29"; if ((cyear != "" ) || (cmonth != "")) { //如果用户选择了月份和年份，则当前の時間変更は用户設定 d.setyear(cyear); d.setMonth(cmonth-1); d.setDate(1); } d_month = d.getMonth(); //获取当前是第几个月 d_year = d.get Year(); //获取年份 d_date = d.getDate(); //获取日期 //修正19XX年只显表示二位の错误 if(d_year//===========输出日历=========== var str; str = " "; str = " " str =changecal("前年",d_年,d_月) str =changecal("前月",d_年,d_月) str = d_年 " - " (d_月*1 1) str = changecal("nextmonth",d_year,d_month) str = changecal("nextyear",d_year,d_month) str = " "; str = " Su Mo Tu We Th Fr Sa "; str = " "; var firstday、lastday、totalcounts、firstspace、lastspace、monthdays; // 必要な月份共有几天、既定の数集合を使用して取得できます monthdays = monthdates[d.getMonth()]; //設定日期は月份中の第一天 d.setDate(1); // 必要な月份の第一天は星期几 firstday = d.getDay(); //1 号の先頭に必要な空の元格の数 firstspace = firstday; //設定日期は月份の最後の一天 d.setDate(monthdays); // 必要な月份の最後の一天は星期几 lastday = d.getDay(); //最終一天后面必要空单元格数 lastspace = 6 - lastday; //前空单元格 总天数 後空单元格，用来制御循環环 totalcounts = firstspace*1 monthdays*1 lastspace*1; //count:大循環量;f_space:出力前空元格の循環量;l_space:出力後空元格の循環量 var count,flag,f_space,l_space; //flag：前空单元格输完后令flag=1不再继续做这个小循環环 flag = 0; for(count=1;count { //一开開始flag=0，首先输出前空单元格，输完到後flag=1，以後不再実行この循環 if(flag==0) { if(firstspace!=0) { for(f_space=1;f_space { str = " "; if(f_space!= firstspace) カウント ; } フラグ = 1; 続き; } } if((count-firstspace) { //月内のすべての日を出力します curday = d_year "," (d_month*1 1) "," ( count - firstspace) "|" linkday = d_year "," (d_month*1 1) "," (count - firstspace) var today = new Date() if( (d_year ==) today .get Year()) && (d_month == today.getMonth()) && ((count-firstspace) == today.getDate()) ) { // の現在の日数を強調表示します。ローカル システム str = " " (count - firstspace) " }else{ // ハイライト部分なし、ログなし str = " " (count - firstspace) " "; } if(count%7==0) { if(count { str = " "; }else{ str = " " ; } } }else{ //月の最終日が出力されている場合は、出力を開始し、空のセルを埋めます for(l_space=1;l_space { str = " "; if(l_space!= lastspace) } } } str = " www.sugood.cn " document.getElementById("calenderdiv").innerHTML = " " str " "; } //関数呼び出し calender("","") //-->

ページのカレンダー_時刻と日付は Javascript によって実装されます

関連記事