{

momentjs javascript date library tutorials


javascript is array example

What is MomentJS in javascritpt?

MomentJs is an open-source JavaScript library for manipulating and parsing date objects. Every developer needs to know how to manipulate dates and times during their project development.

JavaScript has a date object, Developer must write a lot of code to manipulate the date and time object and doesn’t have the flexibility to parse and validate the object.

There are a lot of date and time libraries in JavaScript. MomentJS is one of the popular libraries in javascript applications.

Moments library can be used in normal web-based JavaScript/jQuery applications as well as NodeJS/typescript applications.

MomentJS is an agonistic library, and no dependency on any framework can be used in Front end and back-end Javascript applications.

We can configure momentjs in different ways as follows.

Usage of momentjs in script tag of HTML

The most recent library can be downloaded from the momentjs official website or you can use the momentjs CDN url URL in script tags.

<html>  
  <head>  
    <script src="pathto/moment.js"></script>  
    <script>  
      moment().format();  
    </script>  
  </head>  
  <body>  
  </body>  
</html>  

Using npm package in nodejs environment

this has an npm package for nodejs applications.

We can use the node package manager or yarn command to install this dependency

npm install moment --save
yarn add moment

Configure momentjs in typescript applications

first, you must install the moment js library using the npm command

In the typescript code, use the below code as like this

import * as a moment from moment ; 
let now = moment();

Moving to the next section, We will see various momentjs examples

How to get the Current Date and time in javascript using momentJS

Moment object has an empty constructor which gives the current date and time

<html>  
   <head>  
      <title>Moment.js Example Current Date and time</title>  
   </head>  
   <body>  
      <H1> javascript example for Current Date and Time </H1>  
      <div id="showCurrentDateMomentJs"></div>  
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
      <script src="lib/moment.js"></script>  
      <script>  
         var CurrentDateAndTime = document.getElementById('showCurrentDateMomentJs');  
         var CurrentDateAndTimeMoment = moment();  
         CurrentDateAndTime.innerHTML=CurrentDateAndTimeMoment;  
      </script>  
   </body>  
</html>  

And the output is Thu Jul 05, 2018, 12:08:47 GMT+0530

MomentJs Format examples

using the Format method, we can format the date to various formats and also can validate the date.

MomentJS format date examples

The following code returns the date in various formats.

moment().format() - 018-07-11T12:04:35+05:30  
moment().format('dd')- Wed  
moment().format("MMM Do YYYY") - Jul 11th 2018  

format date-time string example

during string format, any characters like hyphen (-) or slash (/) will not be considered

moment('01-12-2018').format('MM/DD/YYY') - 01-12-2018  

How to check to validate Date in javascript

moments format method used to check passed value is in date format or not using the isValid method

var m = moment("2018-20-08",'YYYY-DD-MM');  
m.isValid()  //returns true  
var m1 = moment("20-08-2018");  
 m1.isValid() // returns false  

How to convert UTC to local time using momentJS in javascript?

To enable timezone capabilities, need to add momentJS timezone library

moment.utc().format('YYYY-MM-DD HH:mm:ss')  
UTC time is  2018-07-10 16:06:39  
  //below code  convert UTC to local timezone    
    var currentLocalTime  = moment.utc('2018-07-10 16:06:39').toDate();  
    localTimeFromUTC = moment(currentLocalTime).format('YYYY-MM-DD HH:mm:ss');  
  
Your Local Time related to UTC as mentioned above 2018-07-10 21:36:39`.
THE BEST NEWSLETTER ANYWHERE
Join 6,000 subscribers and get a daily digest of full stack tutorials delivered to your inbox directly.No spam ever. Unsubscribe any time.

Similar Posts
Subscribe
You'll get a notification every time a post gets published here.