如何禁用元素用户界面日期/星期等选择器上的年份选择?

时间:2019-04-03 04:16:17

标签: element-ui

我正在尝试在vue js中禁用element-ui上的年份选择,并且正在使用星期选择器,尝试了几种选择,但找不到解决方案。它也未包含在文档中,如果有人可以帮助我,将不胜感激。

 <el-date-picker
                    v-model="week"
                    type="week"
                    format="WW"
                    placeholder="Select Week"
                    @change="weekChanged" :picker-options="options">
            </el-date-picker>

目前我有这个:

https://imgur.com/LMQAOty

我想禁用用于年份选择的突出显示的箭头。只想只显示当前年份。谢谢。

1 个答案:

答案 0 :(得分:0)

如果可以证明您的问题是正确的,则可以通过CSS完成。

.el-icon-d-arrow-left,.el-icon-d-arrow-right{
  display: none;
}

注意在这里, .el-icon-d-arrow-left .el-icon-d-arrow-right 在选择日期对话框中使用向左和向右箭头按钮选择年份。