element-ui的DateTimePicker禁用时间选择框点击，只能查看的方法vue

		实现的效果

• 实现方法
  • html部分代码

//开始时间
<el-form-item label="活动日期:" required >
	<div style="display: inline-block;">
		<!-- 左边的开始时间input选择框 -->
		<el-form-item prop="start_time">
			<el-date-picker 
				placeholder="开始日期，时间只能选择整点" 
				type="datetime" 
				value-format="timestamp" 
				v-model="formData.start_time" 
				default-time="00:00:00"
				@click.native="handle_setTime"
			/>
		</el-form-item>
	</div>
	<span style="margin: 0 10px;">-</span>
		<div style="display: inline-block;">
		<!-- 右边的结束时间input选择框 -->
		<el-form-item prop="start_time">
			<el-date-picker 
				placeholder="结束日期，时间只能选择整点" 
				type="datetime" 
				value-format="timestamp" 
				v-model="formData.start_time" 
				default-time="23:59:59"
				@click.native="handle_setTime"
			/>
		</el-form-item>
	</div>

• js部分代码

// 修改element-ui的el-date-picker 设置时间不可修改，只能查看
 handle_setTime() {
 	//获取到最外面的div
 	let father = document.getElementsByClassName('el-picker-panel__body-wrapper');
 	if (father.length < 2) {
            // 点击进入时先禁用一下(不然一点进去的时候时间可以选择)
            father[0].getElementsByClassName('el-input__inner')[1].setAttribute('disabled', 'disabled')
            // 点击时再禁用
            father[0].addEventListener('click', function () {
              father[0].getElementsByClassName('el-input__inner')[1].setAttribute('disabled', 'disabled')
            });
         } else {
         	// 点击进入时先禁用一下(不然一点进去的时候时间可以选择)
            father[1].getElementsByClassName('el-input__inner')[1].setAttribute('disabled', 'disabled')
            // 点击时再禁用
            father[1].addEventListener('click', function () {
              father[1].getElementsByClassName('el-input__inner')[1].setAttribute('disabled', 'disabled')
          });
       }
     }
  },