第一种
import dayjs from 'dayjs';
import Vue from 'vue';
Vue.prototype.$dayjs = dayjs
<template>
<div>
<div>{{$dayjs(startDate).format('YYYY-MM-DD HH:mm:ss')}}</div>
</div>
</template>
<script>
export default {
data() {
return {
startDate: new Date()
}
}
}
</script>
第二种
<template>
<div>{{dayjs(startDate).format('YYYY-MM-DD HH:mm:ss')}}</div>
</template>
<script>
import dayjs from 'dayjs'
export default {
data() {
return {
startDate: new Date(),
dayjs
}
}
}
</script>
第三种
<template>
<div>{{ formatTime(startDate) }}</div>
</template>
<script>
import dayjs from 'dayjs'
export default {
data() {
return {
startDate: new Date(),
}
},
methods: {
formatTime(date) {
return dayjs(date).format("YYYY-MM-DD HH:mm:ss")
}
}
}
</script>
# 第四种 定义filter来使用
```javascript
<template>
<div>{{ startDate | filterTime }}</div>
</template>
<script>
import dayjs from 'dayjs'
export default {
data() {
return {
startDate: new Date(),
}
},
filters: {
filterTime(date) {
return dayjs(date).format("YYYY-MM-DD HH:mm:ss")
}
},
}
</script>