Hitung Umur dari Form Datepicker jQuery UI


Berdasarkan komentar pada artikel penjumlahan tanggal dengan php mengenai datepicker yang otomatis menghitung umur, kemudian saya coba membuatnya.

Dengan sedikit bantuan stackoverflow, akhirnya jadi juga 🙂

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Datepicker - Default functionality</title>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<script>
		$(function() {
			$( "#datepicker" ).datepicker();
		});

		window.onload=function(){
			$('#datepicker').on('change', function() {
				var dob = new Date(this.value);
		        var today = new Date();
		        var age = Math.floor((today-dob) / (365.25 * 24 * 60 * 60 * 1000));
				$('#umur').val(age);
			});
		}

	</script>
</head>
<body>
	<p>Tanggal Lahir: <input type="text" id="datepicker"></p>
	<p>Umur: <input type="text" id="umur"></p>
</body>
</html>

tampilan hasilnya :
datepicker-hitung-umur

6 thoughts on “Hitung Umur dari Form Datepicker jQuery UI

  1. Gak kepikiran yaa 😀

  2. kalo hitung hari gimana yah mas

  3. terimakasih yaaaa gan

  4. Mas penjelesannya dong(khususnya angka angkanya dari mana?, apalagi angka 1000 ???
    Scripnya jalan, makasih

  5. mas klo misal itu inputan text di ubah jadi date bisa gk?

Leave a comment