if else คำนวนอายุ DatePicker

ใช้ if else คำนวนอายุ ณ วันปัจจุบันแบบง่ายๆ ครับ


mmmm = เดือนปัจจุบัน
b_month = เดือนเกิด

yyyy = ปีปัจจุบัน
b_year_int = ปีเกิด

dd = วันปัจจุบัน
b_date = วันเกิด

ภายใน Form สร้าง Input DatePicker เพื่อรับค่า วัน/เดือน/ปี นั้นเอง

<label class="label">วัน/เดือน/ปี/เกิด</label>
<div class="input-group-icon">
<input type="text" class="datepickerxxx" id="birthday" name="date1" value="ClickHere" />
<i class="xxxx"></i>
</div>
ตรงนี้ เป็น Input Date Picker จะเก็บค่ารูปแบบ วัน/เดือน/ปี
(ขั้นด้วย Slash โดยที่เราไม่ต้องมาพิมพ์เองให้ยุ่งยาก) 
input date picker หาโหลด Code ได้ทั่วไป หาใน google ได้เลย


ตามรูปภาพด้านล่างนี้
1.ประกาศตัวแปร birthday เพื่อรับค่าจาก id birthday จาก input date picker แล้วแบ่งเก็บเป็นอาเรย์ แบ่ง Array ด้วย "/" 
2.ประกาศตัวแปร b_date เท่ากับ ค่าbirthday ใน Array ที่ 0 แปลงเป็นตัวเลข (ค่าวัน)
3.ประกาศตัวแปร b_month เท่ากับ ค่าbirthday ใน Array ที่ 1 แปลงเป็นตัวเลข (ค่าเดือน)
4.ประกาศตัวแปร b_year เท่ากับ ค่าbirthday ใน Array ที่ 2 ค่าที่เก็บอาจเป็นตัวเลขหรือข้อความสุดแล้วแต่ (ค่าปี)
5.ประกาศตัวแปร b_year_int เท่ากับ ค่าb_year แปลงเป็นตัวเลข
***parseInt:แปลงค่าให้เป็นตัวเลข เพื่อใช้คำนวนทางคณิตศาสตร์ได้***
//ตัวแปร วัน เดือน ปี เกิด
            var birthday = document.getElementById("birthday").value.split("/");
            var b_date = parseInt(birthday[0]);
            var b_month = parseInt(birthday[1]); 
            var b_year = birthday[2];
            var b_year_int = parseInt(b_year);

var age;
if(b_month>mmmm) {age = (yyyy-b_year_int)-1;}
if(b_month<mmmm) {age = yyyy-b_year_int;}
if(b_month==mmmm) {
if(b_date<=dd) {age = yyyy-b_year_int;}
else age = (yyyy-b_year_int)-1;
}
1.ประกาศตัวแปร age
***การคำนวน IF ELSE อธิบายได้ตามรูปภาพแผนผังด้านบนครับ***

Post a Comment

0 Comments