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

Advertisements

2 thoughts on “Hitung Umur dari Form Datepicker jQuery UI

  1. Gak kepikiran yaa 😀

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s