Vue 中根据当前的日期显示当前是星期几

效果图

HTML代码

<el-date-picker 
    v-model="item.value" 
    type="date"
    value-format="yyyy-MM-dd"
    placeholder="选择日期"
    @change="dataChange" />

JS代码

• value.getDay() 可以得到当前的星期 不过是从索引0开始的 0,1,2,3,4,5,6
• 索引0代表星期一, 1代表星期二 …
• const weekArr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]将得到的索引转换为对应的星期数

const weekArr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
export default {
    name: 'Home',
    data() {
        return {
            timeValue: '',
            input: ''
        }
    },
    methods: {
        handleChange(value) {
            if(!value) return
            const getWeek = value.getDay()
            this.input = weekArr[getWeek]
        }
    }
}