禁用element-ui calendar 点击事件
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
需求描述:原本的日历组件不是本月的日期是灰色的,且点击后会跳转到对应的月份,现在不想它跳转,需要禁用它的点击事件
方法:使用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 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)