1. 程式人生 > >jq整合月份外掛(不要年月日,只要年月)

jq整合月份外掛(不要年月日,只要年月)

  最近專案中報表統計需要按照月份進行統計,以前用的jq-ui的外掛,裡面整合的是年月日,修改了好久,覺得太過麻煩,就換了個思路,由於趕時間,所以就度娘了,找到了一個很簡潔又簡單的Demo,但是發現和我的需求有點差異,第一個是年份做為入參不太合理,一般是當前年份的前後十年,第二個是選中了年月之後,下次點選該控制元件最好進行回顯,所以針對這兩個需求,我對該外掛做了個補充,當然很感謝原作者的demo和思路。專案思路來源於helloweba.net並保留原文連結:https://www.helloweba.net/javascript/341.html。下面看看簡單的程式碼結構:

做修改的部分,下面截圖說明,第一個是CSS,加入了選中時的樣式:

 然後是在JS中把年份設定

最後是,當點選了月份的時候,獲取設定的月份值,然後是在show顯示的時候進行回顯設定,如下:

到此為止,修改完畢,也完全符合了專案的需求,下面附上效果圖: