ElementUI日期时间选择器的获取与更改

ElementUI太棒了

ElementUI日期时间选择器的获取与更改

ElementUI官网：DateTimePicker日期时间选择器

 <el-form-item label="到期时间：">
          <el-col :span="11">
            <el-date-picker
              v-model= "activity_time"
              type="datetimerange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
            >
            </el-date-picker>
          </el-col>
        </el-form-item>

<script>
	data(){
		//value1:初始化时间
	 	value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
	 	form:{}
	},
	computed:{
		activity_time:{
			//获取时间，监测data数据的变化
			get:function(){
			//sdate:我接口中的开始时间
			//edate:我接口中的结束时间
				if(this.form.sdate){
					return [this.form.sdate,this.form.edate]
				}else{
					return this.value1
				}
			},
			//修改时间，监测本身数据的变化
			set:function(time){
				this.form.sdate = time[0]
				this.form.edate = time[1]
			}
		}
	}
</script>

当ElementUI出现问题，例如样式或者方法，或者属性，都去看官网的每个组件的说明文档，什么都没有文档清晰，我一定多看！Nice

标签：10,sdate,form,更改,ElementUI,time,选择器
来源： https://blog.csdn.net/weixin_49567496/article/details/120532115