el-date-picker显示当前是周几
时间: 2023-08-20 16:08:07 浏览: 177
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
要在el-date-picker组件中显示当前是星期几,你可以使用moment.js库来获取当前的日期,并使用moment对象的`format()`方法来格式化日期。
首先,确保你已经引入了moment.js库。然后,你可以在el-date-picker组件的value属性中绑定一个计算属性,该计算属性返回当前日期的格式化字符串。
以下是一个示例代码:
```html
<template>
<div>
<el-date-picker
v-model="selectedDate"
type="date"
placeholder="请选择日期"
></el-date-picker>
<p>当前是:{{ formattedDay }}</p>
</div>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
selectedDate: new Date(),
};
},
computed: {
formattedDay() {
return moment(this.selectedDate).format('dddd');
},
},
};
</script>
```
在上面的示例中,我们通过v-model指令将选择的日期绑定到`selectedDate`属性。然后,我们使用计算属性`formattedDay`来获取当前日期的格式化字符串,其中`dddd`表示星期几的完整名称。
这样,el-date-picker组件下方会显示当前选择的日期是星期几。
阅读全文