el-date-picker设置日期选择范围

温酒斟与你

于 2019-06-20 14:20:19 发布

阅读量9.7k

点赞数 1

分类专栏： vue框架前端开发 el-date-picker控制日期范围文章标签： el-date-picker element el-date-picker控制日期范围 vue

本文链接：https://blog.youkuaiyun.com/qq_41853674/article/details/93031226

版权

vue框架同时被 3 个专栏收录

7 篇文章

订阅专栏

前端开发

5 篇文章

订阅专栏

el-date-picker控制日期范围

1 篇文章

订阅专栏

博客介绍了element中使用 :picker-options=“pickerOptions” 方法控制el-date-picker日期范围，给出简单示例，该示例限制不能选取超过当前天的日期，还欢迎有疑问者留言。

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

<el-date-picker 
	v-model="form.dates" 
	:picker-options="pickerOptions"    // 控制时间范围的方法
	format="yyyy-MM-dd"  
	value-format="yyyy-MM-dd" 
	type="date" 
	placeholder="选择日期">
</el-date-picker>

上面重点是 :picker-options=“pickerOptions” 这是element中的方法

export default {
	data() {
		return {
			pickerOptions: {
               disabledDate: time => {
                   return (
                       time > new Date()
                   )
               }
           }
		}
	}
}