Locale detection with Moment.js

Moment.js is a popular JavaScript library for parsing, validating, manipulating, and displaying dates and times. One powerful feature of Moment.js is its ability to handle different locales, making it easier to format dates and times according to specific regions and languages.

In this article, we will explore different approaches to detect and apply locales in Moment.js.

Prerequisites

• Node.js
• NPM
• Lodash Library

Install Lodash:

Open your terminal and navigate to your project directory. Run the following command to install Lodash:

npm install lodash

Below are the approaches for locale detection with Moment.js:

1. Using the Default Locale

By default, Moment.js uses the locale setting of the environment in which it is running. If no locale is set explicitly, it defaults to English (en).

Example: In below example we are displaying the default locale using moment.locale() method.

const moment = require('moment');

// Get the current locale
const currentLocale = moment.locale();

// Get the current date and time
let now = moment();

console.log(`Current Locale: ${currentLocale}`);
console.log(now.format('LLLL'));

Output:

Current Locale: en
Friday, September 6, 2024 9:25 AM

2. Setting Locale Manually

Moment.js allows us to manually set a locale for your application. This can be done using the moment.locale() method. Moment.js supports various locales like en, fr, de, and more.

Example: In this example we will set the locale manually using the moment.locale() method.

const moment = require('moment');

// Set the locale to French
moment.locale('fr');

// Get the current locale
const currentLocale = moment.locale();

// Get the current date and time
let now = moment();

// Log the current locale and formatted date and time
console.log(`Current Locale: ${currentLocale}`);
console.log(now.format('LLLL'));

Output:

Current Locale: fr
vendredi 6 septembre 2024 09:30