SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
    <link href="https://lib.baomitu.com/element-ui/2.15.5/theme-chalk/index.min.css" rel="stylesheet">
</head>

<body>
	<div id="app">
		<el-date-picker :picker-options='pickerStartOptions(endReleaseTime)' v-model="startReleaseTime" type="date" value-format="yyyy-MM-dd"
		 placeholder="选择开始日期">
		</el-date-picker>

		<el-date-picker :picker-options='pickerEndOptions(startReleaseTime)' v-model="endReleaseTime" type="date" value-format="yyyy-MM-dd"
		 placeholder="选择结束日期">
		</el-date-picker>
	</div>
</body>
<!-- import Vue before Element -->
<script src="https://lib.baomitu.com/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://lib.baomitu.com/element-ui/2.15.5/index.min.js"></script>
</script>
<script>
	new Vue({
    el: '#app',
   	data(){
		return{
			/** 开始时间 */
			startReleaseTime:'',
			/** 结束时间 */
			endReleaseTime:'',
			pickerStartOptions(endTime){
		        return {
		          disabledDate(time){
		            if(endTime){
		              // 拼接 00:00:00 是为了统一日期从0点开始 
		              return time.getTime() > new Date(endTime +' 00:00:00').getTime();
		            }
		          }
		        } 
      		},
      		pickerEndOptions(startTime){
		        return {
		          disabledDate(time){
		            if(startTime){
		              // 拼接 00:00:00 是为了统一日期从0点开始 
		              return time.getTime() < new Date(startTime +' 00:00:00').getTime();
		            }
		          }
		        } 
		   }
		}
	}
})

</script>

</html>