Format date using moment Angularjs

In AngularJS, using Moment.js to format dates is a simple and powerful way to manage and display dates in different formats. Moment.js provides various methods to format and manipulate date strings. Here's how you can integrate it into your AngularJS project.

 Setting Up Moment.js in AngularJS

To begin, you need to include the Moment.js library in your AngularJS project. You can either download the library or use a CDN:

 Formatting Dates with Moment.js

Moment.js provides a flexible format() function to format dates according to your needs. Here’s how you can use it:

var formattedDate = moment().format('MMMM Do YYYY, h:mm:ss a'); 

console.log(formattedDate);  // Example: "May 14th 2025, 3:45:00 pm"

• 'MMMM Do YYYY' formats the date as "May 14th 2025".
  
• 'h:mm:ss a' adds time in the format "3:45:00 pm".
  

 Common Date Formats

Moment.js supports a wide variety of formats for different use cases. Some common ones include:

• 'YYYY-MM-DD' – Standard date format: 2025-05-14.
  
• 'MM/DD/YYYY' – US format: 05/14/2025.
  
• 'DD/MM/YYYY' – European format: 14/05/2025.
  
• 'dddd, MMMM Do YYYY' – Full weekday with month and year: Wednesday, May 14th 2025.
  

 Using Moment.js with AngularJS

You can use Moment.js directly within AngularJS controllers, services, or directives to format dates dynamically:

app.controller('DateController', function($scope) {

    $scope.formattedDate = moment('2025-05-14').format('dddd, MMMM Do YYYY');

});

 Summary:

• Moment.js is easy to integrate and provides powerful date formatting.
  
• Use moment().format() to format dates in your desired style.
  
• Supports a variety of formats, from simple to complex, for flexibility.
  

Moment.js simplifies date handling in AngularJS applications, ensuring your app’s date and time values are presented consistently and in an easy-to-understand format.