生日日期输入优化

前端开发-罗建龙
1 parent a1d00f34
Showing 2 changed files with 72 additions and 9 deletions
packageA/pages/profile/profile.js
packageA/pages/profile/profile.wxml
@@ -77,7 +77,7 @@ Page({
         lat: null, //维度
         lon: null, //经度
         loading: 0,
-
+        oldBirtthDayLength:0,   //生日日期个数
     },
     //通过路径跳转到其他页面
     goto: function (e) {
@@ -1126,20 +1126,81 @@ Page({
         let address = this.getInput(e);
         this.data.address = address;
     },
-
+    //获取生日
+    getbind(e) {
+      console.log("获取生日222222222");
+      console.log(e);
+      let b = this.getInput(e);
+      let length = b.length;
+      let oldBirtthDayLength=this.data.oldBirtthDayLength
+      if (length > oldBirtthDayLength) {
+        if (b.length==4) {
+          b+='-' 
+        }
+        if (b.length==7) {
+          b+='-' 
+        }
+        // if (b.length==6 && b[5] >1) {
+        //   console.log(b[5]);
+
+        // }
+      }
+      this.setData({
+        datet: b,
+        oldBirtthDayLength:length,
+      });
+    },
     //获取生日
     bindChange: function (e) {
+       console.log("获取生日11111111");
+        console.log(e);
         let strBirthday = e.detail.value;
         let age = this.verifyBirthday(strBirthday);
         if (age <= 10) {
             app.my_warnning("会员年龄不能小于10岁(含10岁)", 0, this);
+            this.setData({
+              datet: '',
+          });
         } else if (age >= 70) {
             app.my_warnning("会员年龄不能超过70岁(含70岁)", 0, this);
-        } else {
             this.setData({
-                datet: e.detail.value,
-            });
+              datet: '',
+          });
+        } else {
+            let value = e.detail.value
+  
+            if (value.length==8) {
+              value+='01'
+            }
+            if (value.length==7) {
+              value+='-01'
+            }
+            if (value.length==9) {
+              let ov=value[value.length-1]
+              let nv=value.slice(0,-1)
+              if (ov==0) {
+                nv+='01'
+              }else{
+                nv+='0'+ov
+              }
+              value=nv
+            }
+            // let reg= /^(\d{4})-(\d{2})-(\d{2})$/;
+            let reg=  /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/
+            console.log('日期验证');
+            console.log(value);
+            console.log(reg.test(value));
+            if (reg.test(value)) {
+              this.setData({
+                datet: value,
+              }); 
+            }else{
+              app.my_warnning("出生日期格式不对", 0, this);
+              this.setData({
+                datet: '',
+              });
+            }
         }
     },
@@ -90,14 +90,16 @@
 			  <view class="shrink0">出生日期:</view>
 			  <view class="flex fs28 Birth pdl20 jc_fe">
 			    <view class="user-txt-right pdl20 flex ai-center">
-							<checkbox-group bindchange="isLunar">
+            <input bindinput="getbind" bindblur="bindChange" maxlength="10" type="number" value="{{datet}}"  class="user-txt-right pdl20 f1 t-r" placeholder="请输入出生日期"></input>
+            <picker class="pdl20" bindchange='bindChange' mode="date" start="{{year-70}}-1-1" end="{{year}}-12-31">
+								<!-- <view class="flex ai-center">{{datet?datet:"请选择时间"}}<view class="angle">∟</view></view> -->
+                <image src="{{iurl}}/miniapp/images/calendar.png" style="width: 40rpx;height: 40rpx;"></image>
+			        </picker>
+							<checkbox-group bindchange="isLunar" class="pdl20">
 								<label class="flex ai-center">
 									<checkbox value="{{isLunar}}" checked="{{isLunar}}"/>农历
 								</label>
 							</checkbox-group>
-			        <picker class="pdl20" bindchange='bindChange' mode="date" start="{{year-70}}-1-1" end="{{year}}-12-31">
-								<view class="flex ai-center">{{datet?datet:"请选择时间"}}<view class="angle">∟</view></view>
-			        </picker>
 			    </view>