vue 根據輸入的身份號碼，自動獲取年齡

身份證號：

 

• 年齡：

   

    getName(iden) {
          let val = iden.length;
          let myDate = new Date();
          let month = myDate.getMonth() + 1;
          let day = myDate.getDate();
          let age = 0;
  
          if (val === 18) {
            age = myDate.getFullYear() - iden.substring(6, 10) - 1;
  
            if (iden.substring(10, 12) < month || iden.substring(10, 12) == month && iden.substring(12, 14) <= day) age++;
  
          }
          if (val === 15) {
            age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
  
            if (iden.substring(8, 10) < month || iden.substring(8, 10) == month && iden.substring(10, 12) <= day) age++;
          }
  
          this.age = age;
  
        },
  

  　　

    <li>
          <form label="身份證號" prop="idCard">
            <span>身份證號：</span>
            <input v-model="idCard" placeholder="請輸入身份證號" @blur="getName(idCard)" class="input" tyle="text"></input>
            <div style="clear:both;"></div>
          </form>
        </li>
  
        <li>
          <form label="年齡" prop="age">
            <span>年齡：</span>
            <input v-model="age" placeholder="年齡"  class="input"></input>
            <div style="clear:both;"></div>
          </form>
        </li>