207

I have a unix timestamp, and I'm trying to convert it into a calendar date such as MM/DD/YYYY. So far, I have this:

$(document).ready(function() {
  var value = $("#unixtime").val(); //this retrieves the unix timestamp
  var dateString = moment(value).calendar(); 
  alert(dateString);
});

When I try to print out the calendar date, the window says "Invalid date". Can anyone help me out?

16 Answers 16

531

Using moment.js as you asked, there is a unix method that accepts unix timestamps in seconds:

var dateString = moment.unix(value).format("MM/DD/YYYY");
9
  • 7
    That's not a calendar date. Jan 14, 2015 at 19:03
  • 5
    @IanWarburton - it's not?? Jan 14, 2015 at 21:32
  • 2
    I suppose it is according to the question. But I think a calendar date in moment.js looks like this.... moment(new Date(item.date)).calendar() Jan 14, 2015 at 21:35
  • 6
    @IanWarburton - You wouldn't need the new date object in there. The calendar function is nice (docs here), but not in the format that the OP asked for. Jan 14, 2015 at 21:51
  • 8
    It's worth noting why the question fails but this works. The reason is because monent(number) expects a unix timestamp in milliseconds (which is consistent with the Date object), whereas the unix timestamp is in seconds by default. So you could also do moment(value*1000) instead of moment.unix(value), but using unix is clearer.
    – icc97
    Mar 11, 2020 at 10:09
48

UNIX timestamp it is count of seconds from 1970, so you need to convert it to JS Date object:

var date = new Date(unixTimestamp*1000);
2
  • Yes, that was the solution with the latest version of moment, or at least the one i got from npm recently. even though i got the .unix() from moment i had to * 1000 when instantiating it again. for instance: moment( moment().unix() * 1000 )
    – kroe
    Nov 19, 2015 at 2:53
  • Best answer comparing to moment.js logic
    – Andris
    Sep 18, 2018 at 8:26
34

Moment.js provides Localized formats which can be used.

Here is an example:

const moment = require('moment');

const timestamp = 1519482900000;
const formatted = moment(timestamp).format('L');

console.log(formatted); // "02/24/2018"
1
  • 1
    "Fecha inválida" withe the example you provided Apr 20, 2021 at 22:39
14

Only it,

moment.unix(date).toDate();
12

Might be a little late but for new issues like this I use this code:

moment(timestamp, 'X').format('lll');

You can change the format to match your needs and also add timezone like this:

moment(timestamp, 'X').tz(timezone).format('lll');

Ref: https://momentjs.com/docs/#/parsing/string/

Warning: Browser support for parsing strings is inconsistent. Because there is no specification on which formats should be supported, what works in some browsers will not work in other browsers.

For consistent results parsing anything other than ISO 8601 strings, you should use String + Format.

example

moment('2022-12-03').format('YYYY-MM-DD'); //avoid use this because inconsistentcy
moment('2022-12-03','YYYY-MM-DD').format('YYYY-MM-DD'); //use this instead
moment('1670000400','X').format('YYYY-MM-DD'); //use this instead (timestamp)
moment('03-2022-12','DD-YYYY-MM').format('YYYY-MM-DD'); //UNCOMMON CASE
2
  • 1
    This is the best method I've seen here.
    – LukeVenter
    Feb 24, 2020 at 11:35
  • 1
    Just to add to this answer (which is the most correct answer on here). Use lowercase x for ms unix timestamp. Documentation here May 25, 2020 at 0:44
5
new moment(timeStamp,'yyyyMMddHHmmssfff').toDate()
1
  • 10
    While this code may answer the question, it would be better to include some context, explain how it works, and describe when to use it. Code-only answers are not useful in the long run. Additionally, your code is not properly formatted.
    – ryanyuyu
    Aug 31, 2015 at 18:53
5
moment(1454521239279).toDate()
moment(1454521239279).format()
2

I had a timestamp like 1668919452.

Doing this got me the proper result : {moment.unix(created).format("l")}

I added the .unix method.

Before that, the time stamps were registered as 1970s

1
$(document).ready(function() {
    var value = $("#unixtime").val(); //this retrieves the unix timestamp
    var dateString = moment(value, 'MM/DD/YYYY', false).calendar(); 
    alert(dateString);
});

There is a strict mode and a Forgiving mode.

While strict mode works better in most situations, forgiving mode can be very useful when the format of the string being passed to moment may vary.

In a later release, the parser will default to using strict mode. Strict mode requires the input to the moment to exactly match the specified format, including separators. Strict mode is set by passing true as the third parameter to the moment function.

A common scenario where forgiving mode is useful is in situations where a third party API is providing the date, and the date format for that API could change. Suppose that an API starts by sending dates in 'YYYY-MM-DD' format, and then later changes to 'MM/DD/YYYY' format.

In strict mode, the following code results in 'Invalid Date' being displayed:

moment('01/12/2016', 'YYYY-MM-DD', true).format()
"Invalid date"

In forgiving mode using a format string, you get a wrong date:

moment('01/12/2016', 'YYYY-MM-DD').format()
"2001-12-20T00:00:00-06:00"

another way would be

$(document).ready(function() {
    var value = $("#unixtime").val(); //this retrieves the unix timestamp
    var dateString = moment.unix(value).calendar(); 
    alert(dateString);
});

1

This function creates date from timestamp:

    function formatDateTime(dateString) {
        const parsed = moment(new Date(dateString))

        if (!parsed.isValid()) {
            return dateString
        }

        return parsed.format('MMM D, YYYY, HH:mmA')
    }
0

I fixed it like this example.

$scope.myCalendar = new Date(myUnixDate*1000);
<input date-time ng-model="myCalendar" format="DD/MM/YYYY" />
0
moment(timestamp).format('''any format''')
2
  • 3
    While this code may resolve the OP's issue, it is best to include an explanation as to how your code addresses the OP's issue. In this way, future visitors can learn from your post, and apply it to their own code. SO is not a coding service, but a resource for knowledge. Also, high quality, complete answers are more likely to be upvoted. These features, along with the requirement that all posts are self-contained, are some of the strengths of SO as a platform, that differentiates it from forums. You can edit to add additional info &/or to supplement your explanations with source documentation.
    – ysf
    Jun 9, 2020 at 21:39
  • Sure, will keep this in mind for future answers @ysf Jul 30, 2021 at 11:32
0

First you can convert timestamp to date object with js

const date = new Date(timestamp)

Then you can use momentjs to format it the way you want

const formatDate = moment(date).format("DD/MM/YYYY")

1
  • Welcome to stackoverflow. This question is asked more than 8 years ago and it has an accepted answer. Please add some details about the reason you are adding a new answer
    – MD Zand
    Nov 29, 2022 at 20:25
0

Using: moment.unix(timeSpan).format(DD/MM/YYYY')

0

Leaving this here since I didn't find a specific answer to my particular situation.

The timestamp I was trying to format was 1676665996075, but I had it stored in a property as a string value, so it was actually "1676665996075".

I tried doing moment.unix(property.value) but I kept getting Wed Nov 07 55100 10:50:21 GMT-0300. As you can see, the date was coming out all wrong.

It worked fine when I started transforming it into a number first, and didn't even need to call .unix().

moment(Number(property.value)) did the trick for me. It came out as Fri Feb 17 2023 12:28:11 GMT-0300.

So, remember that the timestamp value needs to be a number.

0

I tried multiple times to use the unix method but it doesn't work properly. the one that worked fine is convert the unix timestamp to Number and then use the normal moment like moment(Number(value))

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.