Untitled

<link href="<?php echo base_url();?>plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
<script src="<?php echo base_url();?>plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
	<body>

  <div class="row">
										<div class="col-xs-12 col-md-6">
											<label class=" col-md-12">  Date Of Birth </label>

											<div class="col-md-12">
												<input type="text" id="dob" class="form-control mydatepicker " name="dob" placeholder="Select birth date"
													value="<?php date_default_timezone_set('Asia/Calcutta');
													if($resultdata->dob !='')
													{
													echo(date('d-m-Y', strtotime($resultdata->dob)));
													} else{
														echo (date('d-m-Y'));
														}?>" onchange="getAge();" required>
											</div>
										</div>

										<div class="col-md-6">

											<div class="form-group">
											<label class="col-md-12" for="age">Age</span></label>

											<div class="col-md-12">

												<input type="text" id="age" name="age" class="form-control" placeholder="Enter Your age"  value="<?php if($resultdata->age !=''){ echo $resultdata->age;}?>">

											</div>
										</div>

									</div>


								</div>

</body>
</html>

<script>
 // Date Picker
        jQuery('.mydatepicker, #datepicker').datepicker();
        jQuery('#datepicker-autoclose').datepicker({
            autoclose: true
            , todayHighlight: true
        });


</script>


<script>
	  function getAge()
	{ //alert("hi");

		var mdate = $("#dob").val().toString();
		//alert(mdate);
		//var yearThen = parseInt(mdate.substring(6,10), 10);
		var yearThen = parseInt(mdate.substring(6,10), 10);
		//alert(yearThen);
		//var monthThen = parseInt(mdate.substring(0,12), 10);
		var monthThen = parseInt(mdate.substring(1,5), 10);

			//alert(monthThen);
		//var dayThen = parseInt(mdate.substring(0,31), 10);
		var dayThen = parseInt(mdate.substring(0,2), 10);

			//alert(dayThen);

		var today = new Date();
		//alert(today);
		var birthday = new Date(yearThen, monthThen-1, dayThen);
		// alert(birthday);
		var differenceInMilisecond = today.valueOf() - birthday.valueOf();
		//  alert(differenceInMilisecond);
		var year_age = Math.floor(differenceInMilisecond / 31536000000);
		//alert(year_age);
		var day_age = Math.floor((differenceInMilisecond % 31536000000) / 86400000);
		// alert(day_age);
		if ((today.getMonth() == birthday.getMonth()) && (today.getDate() == birthday.getDate())) {
			//alert("Happy B'day!!!");
		}

		var month_age = Math.floor(day_age/30);
		// alert(month_age);
		day_age = day_age % 30;

		if (isNaN(year_age) || isNaN(month_age) || isNaN(day_age)) {
			$("#age").text("Invalid birthday - Please try again!");
			//alert("if");
		}
		else {
			//alert(year_age + " years ");
			//$("#age").val(year_age + " years "+ month_age + " month " + day_age + " day ");
			$("#age").val(year_age);
			//alert("else");
		}

	}

</script>