Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > Client Script Forum > [ TIP ] : คำนวนอายุด้วย jQuery+datejs(library) for Cross-Browser(IE, Firefox, Chrome) :-)

[ TIP ] : คำนวนอายุด้วย jQuery+datejs(library) for Cross-Browser(IE, Firefox, Chrome) :-)

เริ่มหัวข้อใหม่

Crazyt[e]Am

โพสกระทู้ ( 889 )
บทความ ( 11 )

คำนวนอายุด้วย jQuery+datejs(library) for Cross-Browser(IE, Firefox, Chrome)

default.html
Code (PHP)

<!DOCTYPE html>
<html>

<head>
    <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="date.js"></script>
    
    <style>
        label {display: inline-block; width: 100px; text-align: right; font-weight: bold; color: blue;}
        input[type='text'] {width: 250px; padding: 2px; margin: 3px;}
    </style>
    
    <meta charset="utf-8">
    <title>Calculate Your Age</title>
</head>

<body>
    <script type="text/javascript">
        $(function () {
            $(document).ready(function () {
                $('#txtDate').datepicker({                    
                    changeYear: true,
                    dateFormat: 'd-M-yy',
                    yearRange: "-100:+0",
                    onClose: function () {   

                        var txtDate;
                        var sum;

                        if($("#txtDate").val() != '') {
                            txtDate = $("#txtDate").val(); 
                            sum = cal_workyears(txtDate);
                            $("#txtAge").val(sum);
                        }else {
                            
                        }
                                            
                        
                    }
                });
            });
        });


function cal_workyears(dateString) {

    var today = new Date();
    var yearNow = today.getFullYear();
    var monthNow = today.getMonth();
    var dateNow = today.getDate();

    var dob = Date.parse(dateString);
    
    var yearDob = dob.getFullYear();
    var monthDob = dob.getMonth();
    var dateDob = dob.getDate();
    var age = {};
    var ageString = "";
    var yearString = "";
    var monthString = "";
    var dayString = "";


    yearAge = yearNow - yearDob;
    
    if(monthNow >= monthDob) {
        var monthAge = monthNow - monthDob;
    }else {
        yearAge--;
        var monthAge = 12 + monthNow - monthDob;
    }

    if(dateNow >= dateDob) {
        var dateAge = dateNow - dateDob;
    }else {
        monthAge--;
        var dateAge = 31 + dateNow - dateDob;

    if(monthAge < 0) {
        monthAge = 11;
        yearAge--;
        }
    }

    // Object assigned by an object literal
    age = {years: yearAge, months: monthAge, days: dateAge};

    if( age.years > 1 ){
        yearString = " Years";
    }else {
        yearString = " Year";  
    } 

    if( age.months> 1 ) {
        monthString = " Months";
    }else {
        monthString = " Month";
    } 

    if( age.days > 1 ) {
        dayString = " Days";
    }else {
        dayString = " Day";
    } 


    if( (age.years > 0) && (age.months > 0) && (age.days > 0) ) {
        ageString = age.years + yearString + " " + age.months + monthString + " " + age.days + dayString; 
    }else if( (age.years == 0) && (age.months == 0) && (age.days > 0) ) {
        ageString = age.days + dayString;
    }else if( (age.years > 0) && (age.months > 0) && (age.days == 0) ) {
        ageString = age.years + yearString + " " + age.months + monthString;
    }else if( (age.years == 0) && (age.months > 0) && (age.days > 0) ) {
        ageString = age.months + monthString + " " + age.days + dayString;
    }else if( (age.years > 0) && (age.months == 0) && (age.days > 0) ) {
        ageString = age.years + yearString + " " + age.days + dayString; 
    }else if( (age.years == 0) && (age.months > 0) && (age.days == 0) ) {
        ageString = age.months + monthString;
    }else {
        ageString = "";  
    } 

  return ageString;
  
}

</script>

<div style="display: block;">

<div style="text-align: center;">

<label>Date :</label>
    <input type="text" id="txtDate"><br>
  
<label>Total :</label>
    <input type="text" id="txtAge">

</div>

</div>
    
</body>

</html>

Browser รองรับ : IE, Firefox, Chrome
CODE ชุดนี้ ผมดัดแปลง ไอเดียจากของพี่เดี่ยว(Mr.Deawx) และ CODE จาก website ของเมืองนอกครับ(ในส่วนของเมืองนอกนี้ผมจำเจ้าของ code ไม่ได้จริงๆครับ ท่านใดจำได้ช่วยบอกด้วยนะครับจะได้ให้ credit ครับ :))

Tag : jQuery

Date : 2014-07-22 15:01:54

By : geidtiphong

View : 1119

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Date : 2014-07-22 16:14:57

By : mr.win

No. 2

deawx

โพสกระทู้ ( 5,149 )
บทความ ( 26 )

สุดยอดครัช

Date : 2014-08-28 18:03:48

By : deawx

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : [ TIP ] : คำนวนอายุด้วย jQuery+datejs(library) for Cross-Browser(IE, Firefox, Chrome) :-)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05