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

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

然后是在JS中把年份設置
最后是,當點擊了月份的時候,獲取設置的月份值,然后是在show顯示的時候進行回顯設置,如下:


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

按照UI的要求,說是最好選中當前年份的時候,給當前月份一個默認選中,年份進行選擇的時候,也最好能實現這個效果,所以又花了一點時間研究修改了一下代碼,最終實現了這個效果。下面附上更新后的demo地址,有需要的可以下載使用,歡迎討論,demo地址:https://github.com/WangHao1221/jqwithMonthPicker.git別忘記給星星啊,謝謝!
