主要分為三個(gè)部分,1:獲取li元素 2:如何填寫對應(yīng)的日期 3:如何獲取點(diǎn)擊li元素的事件。
企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的,是企業(yè)文化與產(chǎn)品對外擴(kuò)展宣傳的重要窗口,一個(gè)合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺,創(chuàng)新互聯(lián)公司面向各種領(lǐng)域:水泥攪拌車等網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營銷推廣解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。
1:通過節(jié)點(diǎn)間關(guān)系的屬性children 獲取li元素(兩個(gè)for循壞遍歷);
2:在遍歷填寫日期時(shí),在第一行判斷在當(dāng)月的第一天在星期幾,然后從第一天開始填寫,直到大于當(dāng)月的天數(shù)就暫停填寫,并開始填寫下個(gè)月的日期。第一行上個(gè)月的日期顯示 : 上月天數(shù)顯示開始值 = 計(jì)算上個(gè)月的天數(shù) - 這個(gè)月開始的第一天在星期幾的值 -1,然后在第一行上月天數(shù)顯示開始值自加。
3:利用JS的事件冒泡獲取li的innerHTML顯示出對應(yīng)日期
效果圖:
代碼如下:
calendar 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
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持創(chuàng)新互聯(lián)!
新聞名稱:JS實(shí)現(xiàn)一個(gè)簡單的日歷
轉(zhuǎn)載源于:http://weahome.cn/article/psogeg.html