今天我们要制作一个demo,用户只需要输入身份证号,就能够获取到用户的生日,年龄,并计算出距离用户下一次过生日还有多少天。demo中主要用到了字符串的分割和函数组件,下面是具体的实现步骤。
1.demo中计算的结果存放在一个通用变量中,我们将三个负责展示结果的文本组件直接与通用变量进行数据绑定。
2.点击按钮后首先判断输入框的输入内容是否为一个身份证号,如果不是则提示用户核实。
3.如果输入内容为身份证号则从中提取信息赋值到通用变量。身份证号的7-14位是出生日期码,其中7-10位是年份,11-12位为月份,13-14位是日期。于是使用slice方法分别提取年、月、日,然后拼接成yyyy-mm-dd格式存储到通用变量的birthday元素,另外用当前日期的年份减去提取出来的年份则可以得到用户的年龄,我们将其存储到通用变量的age元素中。
4.接下来是通过函数组件计算当天距用户下一次生日还有多少天,函数的接收参数为输入的身份证号。
第一步是用今年的年份加上身份证号