elementui 中el-date-picker 选择年后输出的是Wed Jan 01 2025 00:00:00 GMT+0800 (中国标准时间)
在 Element UI 的 el-date-picker
组件中,如果你选择了年份,默认情况下它会返回该年份的 1 月 1 日 0 时 0 分 0 秒的日期对象。
如果你想要得到的是完整的年份信息,你可以通过监听 el-date-picker
的 change
事件,然后使用 JavaScript 的 Date
对象方法来获取年份。
以下是一个简单的例子:
<template>
<el-date-picker
v-model="selectedYear"
type="year"
placeholder="选择年"
@change="handleYearChange"
>
</el-date-picker>
</template>
<script>
export default {
data() {
return {
selectedYear: ''
};
},
methods: {
handleYearChange(value) {
if (value) {
// 如果 value 是一个 Date 对象,直接取年份
const selectedYear = value.getFullYear();
console.log('Selected Year:', selectedYear);
}
}
}
};
</script>
在这个例子中,当用户选择了一个年份之后,handleYearChange
方法会被触发,并且会取得选择的年份,然后将其打印到控制台。注意,selectedYear
数据属性实际上存储的是一个 Date 对象,但是我们通过 getFullYear
方法只取得了年份部分。
评论已关闭