效果:
代码:
<template>
<div>
<el-date-picker v-model="selectedDate" type="date" @input="handleDateChange">
<template #default="{ date }">
<span>{{ formatDate(date) }}</span>
</template>
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: null
}
},
methods: {
handleDateChange(date) {
console.log(date) // 打印选中的日期
},
formatDate(date) {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const weekDay = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()]
return `${year}-${month}-${day} ${weekDay}`
}
}
}
</script>