element-ui的el-table-column组件使用时开始时间小于结束时间

一,元素书写

	<el-date-picker
			  :picker-options="dataForm.pickerOptionsStart" //在data种添加了两个变量,通过:picker-options将其与组件进行绑定。
		      v-model="dataForm.startdate"
			  format="yyyy-MM-dd"   value-format="yyyy-MM-dd"  //这两个条件是控制显示的日期的,消除日期后面的一段字符串
		      align="right"
		      type="date"
		      placeholder="选择日期"
		      >
		 </el-date-picker>
		  
		<el-date-picker
			  :picker-options="dataForm.pickerOptionsEnd"
		      v-model="dataForm.enddate"
			  format="yyyy-MM-dd"
			  value-format="yyyy-MM-dd"
		      align="right"
		      type="date"
		      placeholder="选择日期"
		      >
		</el-date-picker>

二,js部分。

data () {
      return {
        dataForm: {
          // key: ''
			startdate:'',
			enddate:'',
			pickerOptionsStart: {
				 disabledDate: time => {
						if (this.dataForm.enddate) {
							 return time.getTime() > new Date(this.dataForm.enddate).getTime()
					   }
				}
			},
			pickerOptionsEnd: {
			  disabledDate: time => {
					if (this.dataForm.startdate) {
							return time.getTime() < new Date(this.dataForm.startdate).getTime() - 86400000
					}
			   },
			}
        },
        }
        }
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值