【element-ui】基于element-ui的时间选择器date-picker，如何实现年份区间选择。

• Z时代
• 2024-01-10
• 分类：技术分享

类似于这种效果的

回答：

<el-date-picker
 type="monthrange"
 align="right"
 :clearable="false"
 unlink-panels
 range-separator="-"
 start-placeholder="开始日期"
 end-placeholder="结束日期"
 format="yyyy" //显示年份
 value-format="yyyy" //传值格式
 @change="onChange"
>
</el-date-picker>

onChange(value){
    console.log(value[0],value[1]) //2020,2021
}

date-picker组件并没有yearrange的type属性值，最接近的是monthrange，该组件虽然下拉的时候是显示月份，但是要选择年份范围只需要选中当年即可获得范围值

以上是 【element-ui】基于element-ui的时间选择器date-picker，如何实现年份区间选择。 的全部内容， 来源链接： utcz.com/a/153689.html