jq集成月份插件(不要年月日,只要年月)

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

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

 而後是在JS中把年份設置java

最後是,當點擊了月份的時候,獲取設置的月份值,而後是在show顯示的時候進行回顯設置,以下:git

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

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

相關文章
相關標籤/搜索