Search for a command to run...
Full Stack Developer | Freelancer | JavaScript | React | Nodejs.
Loves sharing knowledge through technical articles.
Dev.to: https://dev.to/myogeshchavan97
https://linktr.ee/myogeshchavan97
The toLocaleDateString is such a powerfull native function, I've been working with custom scripts before but this function blows my mind every time.
Even the one that can do currency like toLocaleString
Yes, it's lesser-known but really useful function.
Thanks for sharing the article about toLocalString. It also looks interesting.
In this tutorial, you will build a Task Management App using Next.js 16 and Prisma 7 from scratch. By creating this app, you will learn: How to set up Prisma 7 with the new Rust-free architecture How to configure a database with Prisma's driver ada...
If you're a React/Next.js developer who diligently updated your packages last week after the critical React2Shell vulnerability (CVE-2025-55182), I have some frustrating news: you need to update again. Security researchers, while probing the patches ...
Is your React app dragging its feet, but you can’t pinpoint the cause? You might think you’re following the best practices, but some common development patterns are actually degrading your app’s performance behind the scenes. In this article, we’ll u...
How to Use Separate SSH Keys for Company and Personal GitHub Accounts Managing multiple GitHub accounts is a common challenge for developers who juggle both personal and professional projects. It becomes even more complex when you want to use differe...
Have you ever built a React app only to realize that users from different countries can't use it effectively because it only supports English? In this tutorial, you'll learn how to build truly global React application using internationalization (i18n...
In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021 along with the time.
So we normally use moment.js or date-fns or day.js library to get that done.
But using an external library adds a lot of extra code to the final size of the application.
For example, the moment.js npm library is about 4.21MB in unpacked size.
So even If you use it only once for single formatting, your final application bundle size will increase which will affect your application loading time.
Also, Moment.js is now a legacy project(in maintenance mode) from Oct 2020.
So in this article, we'll see how to display the date in a formatted way using just JavaScript without using any external libraries.
So let's get started.
It has the following syntax:
toLocaleDateString(locales, options)
The toLocaleDateString method accepts a set of options and returns a date portion of the given Date instance according to language-specific conventions.
const date = new Date().toLocaleDateString('en-US');
console.log(date); // 6/18/2021
const date = new Date().toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric'
});
console.log(date); // June 18, 2021
const date = new Date().toLocaleDateString('en-US', {
hour: 'numeric',
minute: 'numeric'
});
console.log(date); // 6/18/2021, 10:30 AM
const date = new Date().toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric'
});
console.log(date); // June 18, 2021, 10:30 AM
const date = new Date().toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric'
});
console.log(date); // June 18, 2021, 10:30:54 AM
const date = new Date().toLocaleDateString('en-US', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric'
});
console.log(date); // Friday, June 18, 2021, 10:30:52 AM
The possible options values are as shown below:
Check out my recently published Mastering Redux course.
In this course, you will learn:
and then finally we'll build a complete food ordering app from scratch with stripe integration for accepting payments and deploy it to the production.
Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.
