Given a date ex: 5/24/1982, how to turn into years, months and days? In the above example it would be converted to 33 years 1 month and 1 day. The idea is to do everything in Javascript.
Given a date ex: 5/24/1982, how to turn into years, months and days? In the above example it would be converted to 33 years 1 month and 1 day. The idea is to do everything in Javascript.
I urge you to use the momentjs plugin: It's easy, just use the duration () function to calculate the length of the current time with the desired date: / p>
var hoje = moment();
var dia = moment("24-05-1982", "DD-MM-YYYY");
var duracao = moment.duration(hoje.valueOf()-dia.valueOf(), 'milliseconds');
document.getElementById("dias").innerHTML = duracao.years() + " anos, " + duracao.months() + " meses e " + duracao.days() + " dias.";
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<p id="dias"></p>
Using the moment.js is a good one, but calculating the difference in milliseconds to then format the result in years, months, and days is not.
When you ask the moment to format a number of milliseconds for months / years, it assumes that each month has 30 days, returning a result that is hardly expected.
In this issue of moment.js one of the authors discourages the use of milliseconds to calculate difference between dates: link
The best way is to calculate the units for years, months and days separately:
var inicio = moment('24-05-1982', 'DD-MM-YYYY');
var agora = moment('2015-06-25');
var diferenca = moment.duration({
years: agora.year() - inicio.year(),
months: agora.month() - inicio.month(),
days: agora.date() - inicio.date()
});
document.getElementById("anos").innerHTML = diferenca.years() + ' ano(s)';
document.getElementById("meses").innerHTML = diferenca.months() + ' mese(s)';
document.getElementById("dias").innerHTML = diferenca.days() + ' dia(s)';
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<p>Se passaram <b id="anos"></b>, <b id="meses"></b> e <b id="dias"></b>.</p>
It's not as simple as it seems. I have an example in php .... Who knows you can not transpose the idea to javascript ....
function dateDiff($dia1) {
// This is a simple script to calculate the difference between two dates
// and express it in years, months and days
//
// use as in: "my daughter is 4 years, 2 month and 17 days old" ... :-)
//
// Feel free to use this script for whatever you want
//
// version 0.1 / 2002-10-3
//
// please send comments and feedback to [email protected]
//
// ****************************************************************************
// configure the base date here
$d1 = explode('/', $dia1);
$base_day = $d1[0]; // no leading "0"
$base_mon = $d1[1]; // no leading "0"
$base_yr = $d1[2]; // use 4 digit years!
// get the current date (today) -- change this if you need a fixed date
$current_day = date ("j");
$current_mon = date ("n");
$current_yr = date ("Y");
// and now .... calculate the difference! :-)
// overflow is always caused by max days of $base_mon
// so we need to know how many days $base_mon had
$base_mon_max = date ("t",mktime (0,0,0,$base_mon,$base_day,$base_yr));
// days left till the end of that month
$base_day_diff = $base_mon_max - $base_day;
// month left till end of that year
// substract one to handle overflow correctly
$base_mon_diff = 12 - $base_mon - 1;
// start on jan 1st of the next year
$start_day = 1;
$start_mon = 1;
$start_yr = $base_yr + 1;
// difference to that 1st of jan
$day_diff = ($current_day - $start_day) + 1; // add today
$mon_diff = ($current_mon - $start_mon) + 1; // add current month
$yr_diff = ($current_yr - $start_yr);
// and add the rest of $base_yr
$day_diff = $day_diff + $base_day_diff;
$mon_diff = $mon_diff + $base_mon_diff;
// handle overflow of days
if ($day_diff >= $base_mon_max)
{
$day_diff = $day_diff - $base_mon_max;
$mon_diff = $mon_diff + 1;
}
// handle overflow of years
if ($mon_diff >= 12)
{
$mon_diff = $mon_diff - 12;
$yr_diff = $yr_diff + 1;
}
// the results are here:
// $yr_diff --> the years between the two dates
// $mon_diff --> the month between the two dates
// $day_diff --> the days between the two dates
// ****************************************************************************
// this is just to make it look nicer
$years = "anos";
$days = "dias";
$meses = "meses";
if ($yr_diff == "1") $years = "ano";
if ($day_diff == "1") $days = "dia";
if ($mon_diff=="1") $meses = "mês";
// here we go
$m = $d = "";
if ($mon_diff > 0) {
if ($day_diff > 0) {
$m = ", $mon_diff $meses";
} else {
$m = " e $mon_diff $meses";
}
}
if ($day_diff > 0) {
$d = " e $day_diff $days";
}
//return "$yr_diff $years, $mon_diff $meses e $day_diff $days";
return "$yr_diff $years$m$d";
}