<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版权协议,转载请附上原文出处链接和本声明。