el-date-picker的使用

在做项目的时候用到了element-plus组件里的el-date-picker

需求是默认是当前的年份,然后可以切换年份并请求列表更换数据

所以就需要先给组件赋一个默认当前年份的值

再就是获取到更改后的年份

1,绑定一个v-model和一个change事件

2,获取到当前时间的年(new Date)

  var date = new Date();
  var tYear = date.getFullYear();
  pickYear.value = tYear.toString();
//getFullYear方法可以获取到当前的年份
//toString是讲获取到的年份转换为字符串,默认是数字,数字赋值赋给组件的话赋不上去

3,获取到改变时的年份

const changeYear = ()=>{
console.log(pickYear.value.getFullYear());
}
//打印刚才v-model绑定的变量即可获取

你可能感兴趣的:(vue.js,javascript,ecmascript)