主要分為三個部分，1：獲取li元素 2：如何填寫對應(yīng)的日期 3：如何獲取點擊li元素的事件。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)瀘水,10年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

1：通過節(jié)點間關(guān)系的屬性children 獲取li元素（兩個for循壞遍歷）；

2：在遍歷填寫日期時，在第一行判斷在當(dāng)月的第一天在星期幾，然后從第一天開始填寫，直到大于當(dāng)月的天數(shù)就暫停填寫，并開始填寫下個月的日期。第一行上個月的日期顯示  : 上月天數(shù)顯示開始值 = 計算上個月的天數(shù) - 這個月開始的第一天在星期幾的值 -1，然后在第一行上月天數(shù)顯示開始值自加。

3：利用JS的事件冒泡獲取li的innerHTML顯示出對應(yīng)日期

效果圖：

代碼如下：

 
 
 
 
 
 
 
 
 
  
 

 

 
2017年2月1日
 

 
 

 

 

 
日
 
一
 
二
 
三
 
四
 
五
 
六
 

 
 

 

 
30
 
31
 
1
 
2
 
3
 
4
 
5
 
 

 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
 

 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
 

 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
 

 
27
 
28
 
1
 
2
 
3
 
4
 
5
 
 

 
27
 
28
 
1
 
2
 
3
 
4
 
5
 
 
 

 
 

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標題名稱：JS實現(xiàn)一個簡單的日歷-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://weahome.cn/article/dhhghp.html