【element-ui时间控件】 type=“monthrange“ 说明

最新推荐文章于 2025-07-17 16:53:50 发布

原创最新推荐文章于 2025-07-17 16:53:50 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #elementui

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了Element UI的时间控件`el-date-picker`，特别是`type=monthrange`用于选择月份范围的功能，以及通过`value-format`设定显示日期格式为`yyyy-MM`。同时，`@change`事件监听时间选择变化，`datePickerOptions`中`disabledDate()`方法用于限制可选日期。该控件在前端开发中常用于筛选或过滤数据的日期范围选择。

element-ui时间控件

最终结果
- 具体控件说明

最终结果

在这里插入图片描述

具体控件说明

<el-date-picker v-model="filters.RANGEMONTH" style="width:100%" align="left" size="small" type="monthrange"
:clearable="false"  range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" value-format="yyyy-MM"
:picker-options="datePickerOptions" @change="GetDateofClickMonth">
</el-date-picker>