Element-UI:el-date-picker里的picker-options——用来限制选择日期的范围

最新推荐文章于 2024-08-22 13:30:11 发布

is花花吖

最新推荐文章于 2024-08-22 13:30:11 发布

阅读量1w

点赞数

文章标签： vue.js elementui

本文链接：https://blog.csdn.net/xwh19961210/article/details/114400397

版权

本文介绍了在Vue.js项目中使用Element-UI的el-date-picker组件时，如何通过picker-options选项来限制日期选择的范围，以确保不超过一年的时间。详细讲述了组件用法、设置方法及实现效果。

摘要由CSDN通过智能技术生成

前言

在写项目点过程中遇到这样的需求：日期选择范围不得超过一年

提示：以下是本篇文章正文内容，下面案例可供参考

一、el-date-picker

el-date-picker是element UI中的日期选择器组件，主要用来选择日期时间，有的时候需要对日期选择的范围有所限制，例如：日期选择范围不能超过一个月，可以通过picker-options进行控制。
官方文档：https://element.eleme.cn/#/zh-CN/component/date-picker
在这里插入图片描述

二、使用

1.组件

代码如下（示例）：

<el-date-picker
    :picker-options="pickerOptions"
    v-model="teachTime"
    style="width: 380px"
    type="daterange"
    range-separator="至"
    start-