vue中在時間輸入框中默認顯示時間

<template>
<card>
<label>開始時間</label>
<DatePicker
v-model="startTime"
type="datetime"
:editable="false"
format="yyyy-MM-dd HH:mm"
style="width: 200px"
></DatePicker>
<label>過期時間</label>
<DatePicker
v-model="endTime"
type="datetime"
:editable="false"
format="yyyy-MM-dd HH:mm"
style="width: 200px"
></DatePicker>
</card>
</template>

<script>
export default {
data() {
return {
startTime:"",
endTime:""
}
},
methods: {
// 格式化時間，獲取當前時間的一個月后的時間值
convertToLateDate() {
var data = new Date();
var Da = new Date(data.getTime() + 24 * 60 * 60 * 1000 * 30);
// 以上兩行代碼為關鍵代碼，若想要返回一天后的時間，則可以將第二行代碼更換為下面代碼
// var Da = new Date(data.getTime() + 24 * 60 * 60 * 1000);
// 若是想要返回值為當前時間，則上面兩行代碼可以直接修改為下面代碼即可。
// var Da = new Date()
var y = Da.getFullYear();
var m = Da.getMonth() + 1;
var d = Da.getDate();
var H = Da.getHours();
var mm = Da.getMinutes();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
H = H < 10 ? "0" + H : H;
return y + "-" + m + "-" + d + " " + H + ":" + mm;
}
},
// 頁面加載完畢后觸發的事件
mounted() {
var vm = this;
vm.startTime = new Date();// 默認顯示為當天時間
vm.endTime = vm.convertToLateDate();
}
}
</script>