日期可以这样禁选！项目场景：项目需求：查询条件以及创建时，结束日期不可小于开始日期！解决方案：分别给定 :picker-options=“Obj” 属性，然后再data中定义对象，获取对应的数据
1.先开始
日期
,只能选大于当前
日期
,
结束
日期
不能
选开始
日期
这天,并
小于
前
日期
的后七天
2.如果先选
结束
日期
,要求
结束
日期
可选为当前
日期
之后的
日期
,再选开始
日期
,开始
日期
不能
选
结束
日期
的那天,并开始日间
不能
大于
结束
日期
,而要在当天
日期
的有效内
代码如下:
<el-row>
<el-col :span="12">
<el-form-item label="布控起始时.
<template v-slot:start_time="{ form, formItemKey }">
<el-date-picker
v-model="form[formItemKey]"
type="datetime"
placeholder="选择开始
时间
"
首先，将
日期
格式转换，写一个date转换的方法： //data转换
function getDate(date){
var dates = date.split("-");
var dateReturn = '';
for(var i=0; i<dates.length; i++){
dateRetu...
<el-col :span="12">
<el-form-item label="开始
日期
：" prop="startTime" class="input_search">
<el-date-picker size="small" placeholder="请选择" v-model="form.startTime"
type="date" :picker-options=.
在只做项目的时候,需要用到一个
日期
控件,之前用到过my97,感觉挺好的,兼容性很强,配置也比较容易
当开始
时间
不能
大于
结束
时间
和
结束
时间
不能
小于
开始
时间
,这个需要一个判定的,要不然不就乱套了
在my97中给我们提供了两个个maxDate和minDate属性,可以很容易的就可以看出,maxDate是最大
时间
,minDate是最小
时间
在图中我们可以看到开始
时间
和
结束
...
通过:picker-options来控制
日期
选择时的禁选状态
通过@change方法来控制选择开始或
结束
时间
后，相应的改变:picker-options属性的值
<el-form-item label="开始
时间
" prop="zykssj">
<el-date-picker v-model="zyZdData.zykssj" :picker-options="zyZdData.traceStart" type="datetime"
iView
日期
时间
选择器
设置开始
时间
至
结束
时间
限制 http://www.sharedblog.cn/post/204.html
element
ui
日期
选择器
设置 开始
时间
不能
大于
结束
时间
，
结束
时间
不能
小于
开始
时间
简单容易，就不做详细解释了，复制粘贴，修改对应参数名即可
<el-date-picker v-model="startTi...
