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

最新推荐文章于 2024-08-13 00:11:49 发布

numStudy

最新推荐文章于 2024-08-13 00:11:49 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： ui elementui

本文链接：https://blog.csdn.net/Num_xuj/article/details/126656558

版权

前端专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>