ant-vue 封装年份选择器

最新推荐文章于 2024-06-04 09:43:03 发布

一个前端女子

最新推荐文章于 2024-06-04 09:43:03 发布

阅读量437

点赞数

分类专栏： ant-vue 文章标签：前端

本文链接：https://blog.csdn.net/qq_44173499/article/details/123151487

版权

ant-vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

ant-vue 封装年份选择器

HTML:

Markup

<a-date-picker 
                  format="YYYY"
                  mode="year"
                  v-model="queryParam.value1"
                  placeholder="请选择年度"
                  :open="open"
                  @openChange="openChange"
                  @panelChange="panelChange"
                  />

method:

openChange(status) {

if (status) {

this.open = true;

} else {

this.open = false;

}

panelChange(value){

// this.year = value;

let year = String(value)

// console.log(year);

this.queryParam.value1 = year.substring(11,15);