element-UI date-picker日期控件moment格式化方法

<div>
  <label class="label-div">
    <span>开始时间</span>
  </label>
  <el-date-picker
          @change="getSTime"
    type="datetime"
    class="inp"
    v-model="form.startTime"
    style="width:220px;"
  ></el-date-picker>
</div>
<div>
  <label class="label-div">接报时间</label>
  <el-date-picker
    v-model="form.reportedTime"
    @change="getRTime"
    type="datetime"
    placeholder="选择日期时间"
    style="width:220px"
  ></el-date-picker>
</div>
import moment from "moment";
getSTime(val) {
  // console.log("开始时间。。")
  //  console.log(val);
  var startTime = this.getCurrentDateTime(val);
   console.log(startTime);  // 格式: 2019-12-20 14:44:53
  this.form.startTime = startTime;
},
getRTime(val) {
  // console.log("接报时间。。")
  // console.log(val);
  var reportedTime = this.getCurrentDateTime(val);
  console.log(reportedTime);  //格式: 2019-12-20 14:44:53
  this.form.reportedTime = reportedTime;
},
// 时间转换
getCurrentDateTime(str) {
  return moment(str).format("YYYY-MM-DD HH:mm:ss");
},

 

<div class="btn-div">
  <el-button class="cancel" @click="closeShow">取消</el-button>
  <el-button class="ok" @click="updateEvent">保存</el-button>
</div>
//保存修改
updateEvent() {
  axios({
    method: "post",
    url: config.apiHost + "/current-events/update-event",
    data: this.form,
    headers: {
      "Content-Type": "application/json;charset=UTF-8",
      token: config.token
    }
  })
    .then(res => {
      if (res.data.status == 200) {
        this.$message(res.data.body.msg);
        this.$router.go(-1);
      }
      return res.data;
    })
    .catch(response => {
      this.$message.error(response);
    });
},
// 取消,返回列表
closeShow() {
  this.$router.go(-1);
},

版权声明:本文为wwf1225原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。