ต้องการคำนวณ กี่ปี กี่เดือน กี่วัน จากการกรอก textbox 2 ตัว ไปแสดงใน texbox ตัวที่ 3

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ต้องการคำนวณ กี่ปี กี่เดือน กี่วัน จากการกรอก textbox 2 ตัว ไปแสดงใน texbox ตัวที่ 3

รูปแบบการกรอก ช่องแรกเลือกเป็น dd/mm/yyyy ช่องที่ 2 เลือกเป็น dd/mm/yyyy และช่องที่ 3 แสดงเป็น ...ปี ...เดือน ...วัน

รบกวนชี้แนะด้วยค่ะ

Green Tree 03-08-2018 17:14:49

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ตูตัวอย่างโค้ดต่อไปนี้เป็นแนวทาง

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body>
 
  <div>
    <input id="dateA" class="date_selector" type="text" value="">
    <input id="dateB" class="date_selector" type="text" value=""><br>
    <input type="text" id="show_data_date">
  </div>
 
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script type="text/javascript">
$(function(){
     
    // https://flatpickr.js.org/events/
    // https://momentjs.com/docs/#/manipulating/subtract/
    // https://momentjs.com/docs/#/displaying/difference/
     
     $(".date_selector").flatpickr({
        dateFormat: "d/m/Y",
        onChange: function(selectedDates, dateStr, instance) {
            console.log(selectedDates);
            /*var _dayA = moment("2018-08-03");
            var _dayB = moment("2013-07-01");*/
            var _dayA = moment($("#dateA").val(),'DD/MM/YYYY');
            var _dayB = moment($("#dateB").val(),'DD/MM/YYYY');
            var _yDiff = _dayA.diff(_dayB, 'years');
            _dayA.subtract(_yDiff, 'years');
            var _mDiff = _dayA.diff(_dayB, 'months')
            _dayA.subtract(_mDiff, 'months');
            var _dDiff = _dayA.diff(_dayB, 'days')
            var finalStrText = _yDiff+' ปี '+_mDiff+' เดือน '+_dDiff+' วัน ';
            $("#show_data_date").val(finalStrText);
            console.log(finalStrText);
            console.log(_yDiff+' ปี ');
            console.log(_mDiff+' เดือน ');
            console.log(_dDiff+' วัน ');            
        }
     });
});
</script>
</body>
</html>

ตัวอย่าง

ninenik 04-08-2018

ความคิดเห็นที่ 2

ขอบคุณ คุณ Ninenik นะค่ะ

ตัวอย่างที่คุณให้มันดีมากเลยค่ะ

Green Tree 04-08-2018 21:22

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน