el-date-picker禁止手动输入只能选择

element 提供了方法 :editable=“false” 只能禁止外层的输入,但是里层的(白色的部分还是不行)

这里的话,左侧的日期我是用css使其禁止输入

.el-date-picker__time-header {
    .el-date-picker__editor-wrap:nth-child(1) .el-input:nth-child(1) {
      z-index: -1;
    }
  }

右侧的时间,因为我们的需求是只能选择小时不能选择分秒,所以就用监听完成

watch:{ 
     endTime(nv) {
      // 如果手动输入了分秒,则让分秒归零
      let msTime = moment(nv).format("mm:ss");
      let ymdTime = moment(nv).format("YYYY-MM-DD HH");
      if (msTime !== "00:00") {
        this.endTime = ymdTime + ":00:00";
      }
        }
    }