Navigate back to the homepage

how to find the month name from the moment js date?

Infinitbility
MomentJS
June 16th, 2022 · 1 min read

Hi Friends 👋,

Welcome To Infinitbility! ❤️

To get month name in moment js, use the moment().format() method by passing desire month format string parameters.

Just import moment in your file and invoke moment().format('MMM'); it will show the current date time with the format.

1moment().format('MMM')

Today, I’m going to show How do I get month from date using moment js, here I will use the momentjs standard method format() to find month name from the date object.

Let’s start today’s tutorial How do you get month from date using moment js?

Table of content

  1. Installation
  2. Example in reactjs

Installation

Use the below installation command as per your package manager, moment support npm, Yarn, NuGet, spm, and meteor.

1npm install moment --save # npm
2yarn add moment # Yarn
3Install-Package Moment.js # NuGet
4spm install moment --save # spm
5meteor add momentjs:moment # meteor

Example in reactjs

In the following example, we are going to do

  1. import the moment package
  2. example of current date time to get month name
  3. example of custom date time format to get month name

let’s write the code.

1import moment from "moment";
2
3function App() {
4 return (
5 <div>
6 {/* example of current date time to get month name*/}
7 {console.log(moment().format("MMM"))}
8 {console.log("----")}
9 {/* example of custom date time format to get month name */}
10 {console.log(moment('2016-10-08 10:29:23').format("MMM"))}
11 </div>
12 );
13}
14
15export default App;

TIP: use .format(“MM”) to get current month number.

In the above program, we call moment().format() with format string rules and console month name from date object.

let’s check the output.

MomentJs, Get Month Name example in react js
MomentJs, Get Month Name example in react js

I hope it’s help you, All the best 👍.

Follow me on Twitter

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Guide book

Guidebook: The Javascript Monorepo Photoshop Guide

Tutorials

Categories

More articles from Infinitbility

how to format date in react js using moment?

Example of format date in react js using moment with step by step guide.

June 15th, 2022 · 1 min read

how to get yesterday date in moment js?

Example of get yesterday date in moment js and getting the difference in seconds, minutes, hours, days months, or years with step by step guide.

June 15th, 2022 · 1 min read
© 2020–2022 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]