Javascript encounters difficulty in converting timestamp to a date format

Question

Javascript encounters difficulty in converting timestamp to a date format

I am utilizing this particular function

export const getDate = (stamp: string) => {
    console.log(stamp) //1581638400000
    let date : any = Date.parse(stamp)
    console.log(date) //NaN
    let month = date.getMonth()
    let day = date.getDay()
    let year = date.getYear()

    let formattedTime = month + '/' + day + '/' + year
    return formattedTime
}

However, it appears to be functioning properly on this website

https://i.sstatic.net/6PC4R.png

What's the issue here? Why am I unable to use that timestamp?

javascript typescript

Answer 1

Answer №1

To correctly convert a date, make sure to use the new Date() method. The Date.parse() method expects a string input, not a number.

In addition, ensure that the date format is correct:

The getDay() function returns the day of the week as a number between 0 and 6. Use getDate() instead, which gives a number between 1 and 31.

Keep in mind that the getMonth() function starts counting from 0.

Lastly, avoid using the deprecated getYear() method. It is recommended to use getFullYear() instead.

Here's an example demonstrating the correct date conversion:

const getDate = (stamp) => {
  console.log(stamp);
  let date = new Date(stamp);
  console.log(date);
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let year = date.getFullYear();
  let formattedTime = month + '/' + day + '/' + year;
  return formattedTime;
}

console.log(getDate(1581638400000));

Answer 2

To correctly convert a date, make sure to use the new Date() method. The Date.parse() method expects a string input, not a number.

In addition, ensure that the date format is correct:

The getDay() function returns the day of the week as a number between 0 and 6. Use getDate() instead, which gives a number between 1 and 31.

Keep in mind that the getMonth() function starts counting from 0.

Lastly, avoid using the deprecated getYear() method. It is recommended to use getFullYear() instead.

Here's an example demonstrating the correct date conversion:

const getDate = (stamp) => {
  console.log(stamp);
  let date = new Date(stamp);
  console.log(date);
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let year = date.getFullYear();
  let formattedTime = month + '/' + day + '/' + year;
  return formattedTime;
}

console.log(getDate(1581638400000));

Answer 3

Answer №2

let timestamp = "1581638400000"
const displayDate = (timestamp) => {
    console.log(new Date(Number(timestamp))) ;//1581638400000
    let dateObj = new Date(Number(timestamp));
    console.log(dateObj); //NaN
    let month = dateObj.getMonth();
    let day = dateObj.getDay();
    // let year = date.getYear(); Deprecated!!!
    let year = dateObj.getFullYear();

    let formattedDate = month + '/' + day + '/' + year;
    console.log(formattedDate);
    return formattedDate;
}

displayDate(timestamp)

Answer 4

let timestamp = "1581638400000"
const displayDate = (timestamp) => {
    console.log(new Date(Number(timestamp))) ;//1581638400000
    let dateObj = new Date(Number(timestamp));
    console.log(dateObj); //NaN
    let month = dateObj.getMonth();
    let day = dateObj.getDay();
    // let year = date.getYear(); Deprecated!!!
    let year = dateObj.getFullYear();

    let formattedDate = month + '/' + day + '/' + year;
    console.log(formattedDate);
    return formattedDate;
}

displayDate(timestamp)

Answer 5

Answer №3

let currentDate = new Date(timeStamp * 1000); // multiply by 1000 for milliseconds

Answer 6

let currentDate = new Date(timeStamp * 1000); // multiply by 1000 for milliseconds

Javascript encounters difficulty in converting timestamp to a date format

Answer №1

Answer №2

Answer №3

Similar questions

Exploring the capabilities of JW Player 6 for seeking and pausing video

The integration of angular-chart.js with generator-angular-fullstack is not supported

Bring in content using transclusion, then swap it out using AngularJS

Is there a way to execute a script during every npm install process?

The declaration of 'exports' is not recognized within the ES module scope

Potential Scope Problem in Angular JS Controller

Unable to extract all advertisements from Facebook Marketplace

Add unique styles to a jQuery-included HTML document

How can I loop through an object in React using TypeScript?

Middleware in Redux Toolkit is ineffective in managing successful asynchronous actions

The name 'Queue' cannot be located in Typescript, error code ts(2304)

How can you create a table cell that is only partially editable while still allowing inline JavaScript functions to work?

Is it possible to modify an element within a list based on the identifier of its containing div?

Traversing a two-dimensional array backwards in JavaScript

"AngularJS fails to pass the value of a checkbox within ng-repeat and

I am looking for an Angular Observable that only returns a single value without any initial value

Obtain the identification numbers from the row within the table

NetSuite - Custom Fields - Linked to Address Book but Inaccessible through JavaScript

Error: Headers cannot be set after they have already been sent, resulting in an Unhandled Promise Rejection with rejection id 2

The most effective way to export ThreeJS models to Blender