Simple date formatting with plain JavaScript

Use the toLocaleDateString method to display dates in a locale and a configurable format. No external library needed!

new Date("2022-04-30").toLocaleDateString("id"); // "30/4/2022"

Make a reusable function with your preferred options:

const myLocale = "id";
 
const myOptions = {
  day: "numeric",
  month: "short",
  year: "numeric",
};
 
const formatDate = (date, locale = myLocale, localeOptions = myOptions) => {
  return date.toLocaleDateString(locale, localeOptions);
};
 
formatDate(new Date("2022-04-30")); // '4 Apr 2021'

We can use this in the browser and server alike.

Learn more: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString