This Is a Test

<style>
      #main_container {
      width: 100%;
      margin: 0px;
      margin-left: auto;
      margin-right: auto;
      padding: 30px;
      border-radius: 20px;
  }

  #birth_date_input, #age_container {
      text-align: center;
      margin: 20px;
      margin-left: auto;
      margin-right: auto;
  }

  #age_container {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
      margin: 40px 5px;
      padding: 20px;
      border-radius: 5px;
      font-weight: bolder;
      background: white;
      font-size: 20px;
      line-height: 40px;
  }

    #birth_date{
    border-radius: 2px;
    border-color: #3b5997;
    }

    .bubbly-button{
      background-color: #204ecf;
      border-radius: 5px;
      font-size: 15px;
      padding: 10px 0px 10px 0px;
      margin-left: 5%;
      width: 90%;
    }
    .post-title {
  text-align:center;
  }
</style>

--------------------------------------

<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
       $(document).ready(function(){
      $("#calculate").click(function(){
          var mdate = $("#birth_date").val().toString();
          var yearThen = parseInt(mdate.substring(0,4), 10);
          var monthThen = parseInt(mdate.substring(5,7), 10);
          var dayThen = parseInt(mdate.substring(8,10), 10);

          var today = new Date();
          var birthday = new Date(yearThen, monthThen-1, dayThen);

          var differenceInMilisecond = today.valueOf() - birthday.valueOf();

          var year_age = Math.floor(differenceInMilisecond / 31536000000);
          var day_age = Math.floor((differenceInMilisecond % 31536000000) / 86400000);

          if ((today.getMonth() == birthday.getMonth()) && (today.getDate() == birthday.getDate())) {
              alert("Happy B'day!!!");
          }

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

          day_age = day_age % 30;

          if (isNaN(year_age) || isNaN(month_age) || isNaN(day_age)) {
              $("#exact_age").text("Invalid birthday - Please try again!");
          }
          else {
              $("#exact_age").html(getAge(new Date($("#birth_date").val()), new Date()));
          }
      });


    function getAge(date_1, date_2)
  {

  //convert to UTC
  var date2_UTC = new Date(Date.UTC(date_2.getUTCFullYear(), date_2.getUTCMonth(), date_2.getUTCDate()));
  var date1_UTC = new Date(Date.UTC(date_1.getUTCFullYear(), date_1.getUTCMonth(), date_1.getUTCDate()));


  var yAppendix, mAppendix, dAppendix;


  //--------------------------------------------------------------
  var days = date2_UTC.getDate() - date1_UTC.getDate();
  if (days < 0)
  {

      date2_UTC.setMonth(date2_UTC.getMonth() - 1);
      days += DaysInMonth(date2_UTC);
  }
  //--------------------------------------------------------------
  var months = date2_UTC.getMonth() - date1_UTC.getMonth();
  if (months < 0)
  {
      date2_UTC.setFullYear(date2_UTC.getFullYear() - 1);
      months += 12;
  }
  //--------------------------------------------------------------
  var years = date2_UTC.getFullYear() - date1_UTC.getFullYear();




  if (years > 1) yAppendix = " years";
  else yAppendix = " year";
  if (months > 1) mAppendix = " months";
  else mAppendix = " month";
  if (days > 1) dAppendix = " days";
  else dAppendix = " day";

  return "Your Age is<br/><span id=\"age\">"+years + yAppendix + ", " + months + mAppendix + ", and " + days + dAppendix +" </span>";
  }

  /*
  Wrong age calculation issue fixed / update javascript code
  By Shakil Ansary
  https://www.blogbrackets.com
  */

  function DaysInMonth(date2_UTC)
  {
  var monthStart = new Date(date2_UTC.getFullYear(), date2_UTC.getMonth(), 1);
  var monthEnd = new Date(date2_UTC.getFullYear(), date2_UTC.getMonth() + 1, 1);
  var monthLength = (monthEnd - monthStart) / (1000 * 60 * 60 * 24);
  return monthLength;
  }

  });
</script>

Go to Link