<template>
<div>
<div style="color: red" @click="minus">-</div>
<el-date-picker
v-model="FullTime"
type="date"
placeholder="选择日期时间"
align="right"
dateFormat="yyyy-MM-dd"
minView="month"
:default-tieme="['00:00:00', '23:59:59']"
ref="saveDateInput"
:picker-options="setFulltime"
>
</el-date-picker>
<div style="color: red" @click="addTime">+</div>
</div>
</template>
<script>
export default {
data() {
return {
FullTime: "",
setFulltime: {
disabledDate(time) {
return time.getTime() > Date.now(); // 可选历史天、可选当前天、不可选未来天
},
},
};
},
methods: {
//时光减去一天
minus() {
var d = new Date(this.FullTime);
d.setDate(d.getDate() - 1);
var month = d.getMonth() + 1;
var day = d.getDate();
if (month < 10) {
day + "0" + day;
}
var val = d.getFullYear() + "-" + month + "-" + day;
this.FullTime = val;
},
//时光增加一天
addTime() {
var d = new Date(this.FullTime);
d.setDate(d.getDate() + 1);
var month = d.getMonth() + 1;
var day = d.getDate();
if (month < 10) {
day + "0" + day;
}
var val = d.getFullYear() + "-" + month + "-" + day;
this.FullTime = val;
},
},
};
</script>
<style>
</style>