element ui相关-------显示日期时分秒

获取当前日期时分秒

mounted() {
        this.form.date = this.getNowDate()
      },
methods: {
getNowDate() {
          var date = new Date();
          var sign2 = ":";
          var year = date.getFullYear() // 年
          var month = date.getMonth() + 1; // 月
          var day = date.getDate(); // 日
          var hour = date.getHours(); // 时
          var minutes = date.getMinutes(); // 分
          var seconds = date.getSeconds() //秒
          var weekArr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'];
          var week = weekArr[date.getDay()];
          // 给一位数的数据前面加 “0”
          if (month >= 1 && month <= 9) {
            month = "0" + month;
          }
          if (day >= 0 && day <= 9) {
            day = "0" + day;
          }
          if (hour >= 0 && hour <= 9) {
            hour = "0" + hour;
          }
          if (minutes >= 0 && minutes <= 9) {
            minutes = "0" + minutes;
          }
          if (seconds >= 0 && seconds <= 9) {
            seconds = "0" + seconds;
          }
          return year + "-" + month + "-" + day + " " + hour + sign2 + minutes + sign2 + seconds;
        },
      }

页面写法
disabled为禁止修改
format和value-format都需要修改格式，否则会不显示

<el-form-item label="发起时间">
            <el-date-picker v-model="form.date" format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"
              value-format="yyyy-MM-dd HH:mm:ss" disabled>
            </el-date-picker>

借鉴于：来源