基於Vue的簡單日歷組件


日歷組件

由於移動端項目中需要用到日歷組件,網上找了下,沒看到幾個合適的,就嘗試着自己寫一個。然后發現也不是很復雜,目前只做了最基本的功能,大家也可以拿去做做二次開發。

如何寫一個日歷組件

基礎效果如下圖:

然后可以接受一個起始日期參數start-date,設置日歷當前顯示的年月。可以監聽一個點擊事件click-event,回調參數為當前點擊的年月日。


<calendar 
    @click-event="getDate"
    :start-date="new Date(2015,7)">
</calendar>

然后具體的代碼地址在這里:

新手上路,大家多多指教


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM