VUE根据出生日期显示年龄

前端根据用户的出生日期自动计算年龄

效果如图：

需求：根据用户选择的日期自动计算并回显年龄

我这么写的

<FormItem label="出生日期：">
  <DatePicker type="date" format="yyyy-MM-dd" v-model="formData.birthdate" @on-change="getAge" placeholder="请选择出生日期" />
</FormItem>

// 根据出生日期获取年龄
    getAge(vl) {
      if (vl) {
        let birthdays = new Date(vl.replace(/-/g, "/"));
        let d = new Date();
        let age =
          d.getFullYear() -
          birthdays.getFullYear() -
          (d.getMonth() < birthdays.getMonth() ||
          (d.getMonth() == birthdays.getMonth() &&
            d.getDate() < birthdays.getDate())
            ? 1
            : 0);
        this.formData.age = age;
      }
    },

简单吧！欢迎点赞分享哈！