el-date-picker 取年份后两位
时间: 2024-05-07 16:13:22 浏览: 80
el-date-picker 是一个基于 Element UI 的日期选择器组件,用于在网页中选择日期。要取得 el-date-picker 中选择的年份的后两位,可以通过以下步骤实现:
1. 首先,使用 v-model 指令将 el-date-picker 组件与一个数据属性进行绑定,以便获取选择的日期值。
2. 在获取到日期值后,可以使用 JavaScript 的 Date 对象来操作日期。通过将日期值传递给 Date 对象的构造函数,可以创建一个新的 Date 实例。
3. 一旦有了 Date 实例,可以使用 Date 对象的 getFullYear() 方法获取完整的年份。然后,使用字符串的截取方法(如 substr() 或 slice())来截取年份的后两位。
下面是一个示例代码:
```html
<template>
<div>
<el-date-picker v-model="selectedDate" @change="handleDateChange"></el-date-picker>
<p>选择的年份后两位:{{ yearLastTwo }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: null,
yearLastTwo: ''
};
},
methods: {
handleDateChange() {
if (this.selectedDate) {
const date = new Date(this.selectedDate);
const year = date.getFullYear();
this.yearLastTwo = year.toString().slice(-2);
} else {
this.yearLastTwo = '';
}
}
}
};
</script>
```
在上述示例中,el-date-picker 组件绑定了 selectedDate 属性,当选择日期发生变化时,会触发 handleDateChange 方法。在该方法中,首先将选择的日期值传递给 Date 构造函数创建一个新的 Date 实例,然后使用 getFullYear() 方法获取完整的年份,最后使用 slice() 方法截取年份的后两位,并将结果赋值给 yearLastTwo 属性。
阅读全文