當前位置:編程學習大全網 - 腳本源碼 - 如何用JS寫壹個日歷

如何用JS寫壹個日歷

首先必須解決的問題是表格的行與列問題。列是固定的,七列,因為壹周有七天。行需要動態計算,因為,每壹個月的第壹天是星期幾是壹個變數,因而第壹天在表格中的第幾個單元也就跟著變化,同時,每個月的總天數不壹致也影響著各個月對表格行數的需要量。

壹. 表格的行數問題

1.首先取得處理月的總天數

JS不提供此參數,我們需要計算。考慮到閏年問題會影響二月份的天數,我們先編寫壹個判斷閏年的自編函數:

function is_leap(year) {

return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));

}

接著定義壹個包含十二個月在內的月份總天數的數組:

m_days=new Array(31,28+is_leap(ynow),31,30,31,31,30,31,30,31,30,31);

m_days這個數組裏,二月份的天數已經加入閏年的信息:28+is_leap(ynow)。數組元素從0開始,正好對應於JS提供的Date函數提供的getMonth返回值,即0表示壹月,1表示二月,2表示三月,依此類推。

這樣,各月總數可以這樣取得:m_days[x]。其中,x為0至11的自然數。

2.計算處理月第壹天是星期幾

可以使用Date函數的getDay取得,返回的值從0到6,0表示星期壹,1表示星期二,2表示星期三,其余依此類推。代碼如下(假設要處理的時間為2008年3月):

n1str=new Date(2008,3,1);

firstday=n1str.getDay();

有了月總天數和該月第壹天是星期幾這兩個已知條件,就可以解決表格所需行數問題:(當前月天數+第壹天是星期幾的數值)除以七。表格函數需要整數,因此,我們使用Math.ceil來處理:

tr_str=Math.ceil((m_days[mnow] + firstday)/7);

表格中的tr標簽實際上代表表格的行,因此變量tr_str是我們往下寫表格的重要依據。

二. 打印日歷表格

可以使用兩個for語句嵌套起來實現:外層for語句寫行,內層for語句寫單元格。

for(i=0;i<tr_str;i++) { //外層for語句 - tr標簽

document.write("<tr>");

for(k=0;k<7;k++) { //內層for語句 - td標簽

idx=i*7+k; //表格單元的自然序號

date_str=idx-firstday+1; //計算日期

//這裏是處理有效日期代碼

} //內層for語句結束

document.write("</tr>");

} //外層for語句結束

單元格的自然序號是否代表有效日期非常關鍵,為此必須加入壹個過濾機制:僅打印有效的日期。有效的日期大於0小於小於等於處理月的總天數。

  • 上一篇:蘋果nfc軟件哪個好用
  • 下一篇:遠古神聖和神聖套裝哪個好
  • copyright 2024編程學習大全網