Your Web News in One Place

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 16, 2022 09:42 pm GMT

JavaScript and Dates

Let's have a look at a real-world example of how to interact with dates in JavaScript.

Setup
  • Create a project directory and initialize your project using npm init -y.
  • We will be working with a created index.js file.
  • Use 'node index.js' to run your code.
Get present date
const todayDate = new Date();

Image description

Get month of the year, Year, Actual Day, Hour, Minute, milliseconds

const todayDate = new Date();const today = todayDate.getDate();const month = todayDate.getMonth() + 1; //JS months starts with index 0const year = todayDate.getFullYear();const day = todayDate.getDay();const hour = todayDate.getHours();const minute = todayDate.getMinutes();const second = todayDate.getSeconds();const millisecond = todayDate.getMilliseconds();console.log('Milliseconds is :', millisecond);console.log('Seconds is :', second);console.log('Minutes is :', minute);console.log('Hours is :', hour);console.log('Month is: ', month);console.log('Year is: ', year);console.log('Today is: ', today);

Result:
Image description

Date formatting
const todayDate = new Date();const date = `${todayDate.getFullYear()}-${  todayDate.getMonth() + 1}-${todayDate.getDate()}`;const time = `${todayDate.getHours()}:${todayDate.getMinutes()}:${todayDate.getSeconds()}`;let dateAndTime = `${date}T${time}Z`;console.log(date);console.log(time);console.log(dateAndTime);

Result:

Image description

Setting new date

let myDate1 = new Date('2022-04-01');let myDate2 = new Date('2022-06-02');console.log(myDate1);console.log(myDate2);

Result:
Image description

Date Methods

let Lagos = new Date();console.log({ toUTCString: Lagos.toUTCString() }); //Returns a date converted to UTCconsole.log({ toLocaleString: Lagos.toLocaleString() }); //Converts a date to a string using the current localeconsole.log({ toLocaleDateString: Lagos.toLocaleDateString() });console.log({ toLocaleTimeString: Lagos.toLocaleTimeString() });console.log({toLocaleString:Lagos.toLocaleString('en-US', { timeZone: 'Africa/Lagos' })});

Result:
Image description

Discuss

Please share any JavaScript date methods, functions, or logic that developers would find useful in the comments area below.

Thank you for taking the time to read this.


Original Link: https://dev.to/drsimplegraffiti/javascripts-and-dates-45e5

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To