el-date-picker选中的日期如何使用js格式化
时间: 2023-11-03 22:59:02 浏览: 42
可以使用moment.js这个库来格式化日期,具体步骤如下:
1. 安装moment.js库:可以在命令行中执行`npm install moment`或者在HTML中引入moment.js的CDN链接。
2. 获取el-date-picker选中的日期值:可以使用`v-model`指令将选中的日期值绑定到Vue实例中,然后在JavaScript中获取该值。
3. 使用moment.js格式化日期:使用moment()函数将日期值转化为moment对象,然后使用format()函数将日期格式化为需要的格式。
下面是一个示例代码:
```html
<template>
<div>
<el-date-picker v-model="selectedDate" type="date"></el-date-picker>
<p>格式化后的日期:{{ formattedDate }}</p>
</div>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
selectedDate: ''
}
},
computed: {
formattedDate() {
return moment(this.selectedDate).format('YYYY-MM-DD');
}
}
}
</script>
```
在上面的代码中,使用了`computed`属性来格式化日期,这样可以随着选中日期值的变化自动更新格式化后的日期值。