需求描述:原本的日历组件不是本月的日期是灰色的,且点击后会跳转到对应的月份,现在不想它跳转,需要禁用它的点击事件

方法:使用css的pointer-events:none属性即可,把不是当前月份的日历表格的td属性修改

.el-calendar-table{
                        width: 100%;
                        height: 100%;
                        &:not(.is-range){
                            //使不是本月的日期不可点击,不会跳转到其他月份
                            td.next{
                                pointer-events: none;
                            }
                            td.prev{
                                pointer-events: none;
                            }
                            //td{
                            //    pointer-events: none;
                            //}
                        }
                    }

 

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐