JS计算生日

wlop98

于 2023-08-09 10:08:11 发布

阅读量521

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue

本文链接：https://blog.youkuaiyun.com/while_BLUE_/article/details/132181940

文章介绍了如何使用VUE在数据绑定中处理用户输入的出生日期，通过JavaScript计算与当前日期之间的年龄，考虑了生日是否已过的逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境：VUE

export default {
  data() {
    return {
    	age:'',
    };
  },

输入的Birth格式为yyyy/mm/dd，最终结果显示在age中。

methods: {
    handleCompute(Birth) {
      this.Birth = Birth;
      // 获取当前日期
      var currentDate = new Date();
      // 设置出生日期
      var birthDate = new Date(this.Birth);
      // 计算年龄
      var age = currentDate.getFullYear() - birthDate.getFullYear();
      // 检查是否已经过了生日
      var hasPassedBirthday = (currentDate.getMonth() > birthDate.getMonth()) ||
        (currentDate.getMonth() === birthDate.getMonth() && currentDate.getDate() >= birthDate.getDate());
      // 如果生日还没过就减去一岁
      if (!hasPassedBirthday) {
        age--;
      }
      // 输出年龄
      this.age=age;
    },
}