vue datetimepicker 日期格式化
时间: 2023-06-24 22:03:16 浏览: 101
DateTime格式化
在Vue datetimepicker中,可以使用moment.js来格式化日期。首先,需要在项目中安装moment.js:
```
npm install moment --save
```
然后,在组件中引入moment.js,并使用它来格式化日期。
```
<template>
<div>
<datetime-picker v-model="selectedDate" format="YYYY-MM-DD"></datetime-picker>
<p>Formatted Date: {{ formattedDate }}</p>
</div>
</template>
<script>
import moment from 'moment';
import DatetimePicker from 'vue-datetime-picker';
export default {
components: {
DatetimePicker
},
data() {
return {
selectedDate: null,
formattedDate: ''
}
},
watch: {
selectedDate(val) {
if(val) {
this.formattedDate = moment(val).format('YYYY-MM-DD');
}
}
}
}
</script>
```
在上面的示例中,我们在组件中引入了moment.js,并在`watch`中监听了`selectedDate`的变化。如果`selectedDate`有值,我们就使用moment.js来格式化日期,并将其赋值给`formattedDate`。最后,在模板中显示格式化后的日期。
阅读全文