javascript / moment.js - display time since birth date

ambasite · 06-09-2017 7:21am #1

hi,

i am using moment.js library, what i want is a clock to display time since your birth, in format "years/months/days/hours/seconds" since your birth.

Anyone got experience with this? i have read through the docs but cannot figure out how to get the formatting right.

Currently i am getting:

"time since birth - 48 years ago" with -> var result = moment(1973-09-13).fromNow();

Incorrect.

Anyone used this before? Got any ideas?

thanks.

[HTML]
<!DOCTYPE html>
<html>
<title>moment.js example</title>
<body>
<script src="moment.js"></script>
<head>

</head>

<div id="clock"></div>

<script type="text/javascript">
(function () {

var clockElement = document.getElementById( "clock" );

function updateClock ( clock ) {
var result = moment(1973-09-13).fromNow();

clock.innerHTML = "time since birth - " + result;
}
-
setInterval(function () {
updateClock( clockElement );
}, 1000);

}());
</script>

</body>
</html>
[/HTML]

counterpointaud · 06-09-2017 8:46am

You need to pass the date to moment as a string, wrap it in single-quotes

gctest50 · 06-09-2017 8:53am

you could play around with it

function updateClock ( clock ) {

var dateA = moment('1973-09-13');
var dateB = moment(Date.now());
var result1= (dateB.diff(dateA,'minutes'));
var result2= (dateB.diff(dateA,'hours'));
var result3= (dateB.diff(dateA,'days'));
var result4= (dateB.diff(dateA,'weeks'));
var result5= (dateB.diff(dateA,'years'));
clock.innerHTML = "minutes:" + result1 + " hours:" + result2 + " days:" + result3 + " weeks:" + result4 + " years:" + result5 ;

}
-
setInterval(function () {
updateClock( clockElement );
}, 1000);

Buford T Justice · 06-09-2017 10:22am

You need to wrap your date in quotes, since its a string you are converting to a moment object, but you also need to specify a format

<!DOCTYPE html>
<html>
<title>moment.js example</title>
<body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<head>
    	
	</head>

	<div id="clock"></div>

     <script type="text/javascript">
	    (function () {

	      var clockElement = document.getElementById( "clock" );

	      function updateClock ( clock ) {
			var result = moment("1973-09-13", "YYYY-MM-DD").fromNow();

	        clock.innerHTML = "time since birth - " + result;
	      }
-
	      setInterval(function () {
	          updateClock( clockElement );
	      }, 1000);

	    }());
  	</script>

</body>
</html>

Link

javascript / moment.js - display time since birth date

Comments