elementUI中的el-calendar自定義使用時給切換月份按鈕綁定事件

因項目需要需要顯示以月曆的形式顯示狀態(如下圖所示),但官方文檔中找不到日曆組件的內置方法,這裏用獲取類名的方式給切換月份的按鈕添加點擊事件在這裏插入圖片描述
具體代碼實現如下

mounted(){
            this.$nextTick(() => {
                // 點擊前一個月
                let prevBtn = document.querySelector(
                    '.el-calendar__button-group .el-button-group>button:nth-child(1)');
                prevBtn.addEventListener('click', () => {
                    console.log(this.value);
                })
            })


            this.$nextTick(() => {
                // 點擊後一個月
                let prevBtn = document.querySelector(
                    '.el-calendar__button-group .el-button-group>button:last-child');
                prevBtn.addEventListener('click', () => {
                    console.log(this.value);
                })
            })
}

打印出來的this.value就是當月的時間戳

<el-calendar v-model="value" id="calendar" style="width: 75%; margin-left:10px;">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章