Convert a UNIX timestamp to user's local time via JavaScript

convert-UNIX-timestamp.js

function convertTimestamp(timestamp) {
  var d = new Date(timestamp * 1000),	// Convert the passed timestamp to milliseconds
		yyyy = d.getFullYear(),
		mm = ('0' + (d.getMonth() + 1)).slice(-2),	// Months are zero based. Add leading 0.
		dd = ('0' + d.getDate()).slice(-2),			// Add leading 0.
		hh = d.getHours(),
		h = hh,
		min = ('0' + d.getMinutes()).slice(-2),		// Add leading 0.
		ampm = 'AM',
		time;
			
	if (hh > 12) {
		h = hh - 12;
		ampm = 'PM';
	} else if (hh === 12) {
		h = 12;
		ampm = 'PM';
	} else if (hh == 0) {
		h = 12;
	}
	
	// ie: 2013-02-18, 8:35 AM	
	time = yyyy + '-' + mm + '-' + dd + ', ' + h + ':' + min + ' ' + ampm;
		
	return time;
}

Thanks ;-)

Great function! Would be nice to see days.

Customized the function with normal date options, http://www.w3schools.com/jsref/jsref_obj_date.asp

This my help some one in the future :)

if(day==0){ day="Sunday"; }
if(day==1){ day="Monday"; }
if(day==2){ day="Tuesday"; }
if(day==3){ day="Wednesday"; }
if(day==4){ day="Thursday"; }
if(day==5){ day="Friday"; }
if(day==6){ day="Saturday"; }

				return time = day+" at "+ h + ':' + min + ' ' + ampm;

thanks!

This is great, thanks for sharing !

Without testing, you should be able to fix that with:

convertTimestamp(new Date().valueOf()) //converts to unix time in ms

instead of:

convertTimestamp(new Date())
Bad result: "47830-08-05, 5:27 PM"

Here is another version that you could make prettier by using some of the logic above:

export default (ts) => {
  const rawDate = new Date(ts).toISOString().split('T')
  const date = `${rawDate[0]}`
  const rawTime = rawDate[1].split(':')
  const time = `${(rawTime[0])}:${rawTime[1]}`
  return `${date} at ${time}`
}

Hi,

How can I call this function multiple times? For example, if I call this function in a Flask Template via:

<div id="datetime" class="col-md-4"><script>document.getElementById("datetime").innerHTML = convertTimestamp({{ i['TrialExpirationTime'] }});</script></div>

I only get the first result converted. The rest of the templates are empty.

EG, I have:
<div id="datetime" class="col-md-4"><script>document.getElementById("datetime").innerHTML = convertTimestamp({{ i['TrialExpirationTime'] }});</script></div>

<div id="datetime" class="col-md-4"><script>document.getElementById("datetime").innerHTML = convertTimestamp({{ i['TrialExpirationTime'] }});</script></div>

<div id="datetime" class="col-md-4"><script>document.getElementById("datetime").innerHTML = convertTimestamp({{ i['TrialExpirationTime'] }});</script></div>

only the first one converts to "2020-02-02, 12:00 AM"

@Housecaz

By the HTML standard you're only supposed to have one tag of a particular ID. You have three div tags all with an ID of "datetime". My guess would be that your JS is running the same function each time, but always on the first ID that it sees in the DOM. My recommendation: just have one <script> element at the bottom of your HTML body. Convert all the datetime IDs to classes instead, and run something like this:
var converted = convertTimestamp({{ i['TrialExpirationTime'] }}), objects = document.getElementsByClassName("datetime"); for (var i = 0; i < objects.length; i++) { objects[i].innerHTML = converted; }

thanks mate

@vortex14
hiii,
the guys who got weird return values, please consider remove the multiplication by 1000 and set it as below
var d = new Date(timestamp)

new Date(timestamp * 1000), new Date(timestamp )

...that's what I was looking for! Thanks @AryanSafi

(If converting from milliseconds, just drop the * 1000.)

thanks mann,

btw i have a suggestion on this line,

mm = ('0' + (d.getMonth() + 1)).slice(-2),

why not try using .padStart(2, "0") instead to pad the "0"s

mm = `${d.getMonth() + 1}`.padStart(2, "0"),