Is there a way to utilize moment to format the date provided below?

In my MongoDB database, I have a date value like "2017-12-14T4:0:14-06:00" and I'm trying to format it in this way:

moment(new Date("2017-12-14T4:0:14-06:00")).format('MMM DD,YYYY A')


However, when I try the code above, it returns Invalid date.

new Date("2017-12-14T4:0:14-06:00");

Any suggestions on how to make this work?

Answer №1

To achieve this, you can simply follow these steps:

const date = moment("2017-12-14T4:0:14-06:00", "YYYY-MM-DDTHH:mm:ssZ")
             .format('MMM DD,YYYY A');
console.log(date)
<script src="https://momentjs.com/downloads/moment.js"></script>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Refreshing a Nextjs page upon clicking a route button for the very first time

Essentially, when the initial page is built and we are on the index page, clicking any button that changes the route - using methods like push or replace in the-router function triggers a page refresh. After the first reload, subsequent clicks on the but ...

Step-by-step guide for serving static JavaScript files using NextJS

I am currently exploring the process of hosting static js and css files using NextJS. My journey began with creating a react app through create-react-app, where I developed an App component before executing the npm run build command. This resulted in the ...

How to dismiss a JavaScript alert without refreshing the page in Codeigniter 3

I am currently working on building a form with validation using both JavaScript and Codeigniter 3.04. Here is the HTML code for my form: <form class="form-horizontal" method="POST" onsubmit="check()"> //code </form> My goal is to validate t ...

"Learn how to retrieve and assign a value to a select2 dropdown in Vue.js

Currently, I am utilizing vuejs to create and delete dynamic select elements, which is functioning properly. To view the working example, please click here: https://jsfiddle.net/nikleshraut/fgpdp700/2/ var vm = new Vue({ el: "#app", data: { opt ...

What is the method for obtaining the CSS text content from an external stylesheet?

I've spent countless hours trying to achieve the desired results, but unfortunately, I haven't been successful. Below is a summary of my efforts so far. Any helpful tips or suggestions would be greatly appreciated. Thank you in advance. Upon rec ...

Utilizing Cowboy as the HTTP web server for Express JS

Many websites are utilizing Cowboy as the HTTP Web server and Express JS as the Web application server. They typically have their HTTP header set to Cowboy for the server, with the X-Powered-By HTTP header indicating Express. One example is This setup rai ...

Using Jquery to detect changes in a Datalist element in an HTML5 document

This snippet illustrates the code: <input name="cmbname" type="text" id="cmbname" list="listcmbname" autocomplete="off" runat="server"> <datalist id="listcmbname"> <option data-id="1" value="a"></option> <optio ...

Opening a fresh window and dynamically populating form fields with Javascript

Recently, I've been diving into the world of JavaScript and attempting to create a functionality where a new window is launched on click after a user inputs information into form fields. The challenge lies in transferring this information into form fi ...

At what point does the NodeJS request object trigger events?

Is it possible to attach multiple handlers to a request that receive events in the correct order and time? When does a request, already received and emitted by the server, emit the data/end events? function handler1(req, res){ req.on('data', ...

Are there any risks associated with using nested setTimeout functions with the same name?

While reviewing the source code of typed.js, I noticed that the main function in this plugin utilizes a design pattern with multiple setTimeout functions nested inside one another. Here is a snippet of the code: self.timeout = setTimeout(function() { / ...

Button click triggers popup

I have a basic HTML page with a button. I recently signed up for Mailchimp's newsletter and forms widget, and they provided me with a code to add to my site. The code currently triggers a pop-up when the page loads, but I would like it to only activat ...

Please maintain the previous file attached if no changes have been made to the input file

Is there a way to prevent the selected file from disappearing when a user clicks on input['type="file"'], browses for files, but does not select one and closes the dialog? ...

What is the process for using Discriminators, the Mongo DB API, and Mongoose to insert data into Cosmos DB?

Issue Overview I am currently facing a challenge in writing documents to my Cosmos DB using the Mongo DB API and Mongoose for Object Modeling. To optimize costs, I aim to store all documents in a single collection by utilizing Discriminators. The project ...

Exploring intricate designs using HTML and Javascript

After extensive experience with both WPF and HTML5 JavaScript, one thing that stands out to me is the clear organization provided by XAML's defined panels. Grid, StackPanel, DockPanel, WrapPanel, and others offer a straightforward way to achieve consi ...

Italian calendar conversion for the react-multi-date-picker library

I recently integrated the react-multi-date-picker into my project, utilizing the multiple mode feature. However, I encountered an issue when trying to display the Italian calendar based on the language setting. Despite using locale="it", the calendar was n ...

Enhance the efficiency of React code by optimizing the loading of data from multiple sources concurrently instead of one after another

In my project, there are 2 tabs displaying visualizations generated from separate data sources. Each tab requires multiple queries to be executed in the background to fetch the data, resulting in a delay when loading each tab individually. The current impl ...

What is the best way to retrieve declared functions within the done() scope of a jQuery plugin that handles JSON requests?

As I work on a jQuery plugin, my goal is to make it easily configurable and maintainable. To achieve this, I am focusing on keeping the functions short and testable. To accomplish this, I am implementing jQuery plugin code inspired by Addy Osmani's L ...

Request was unsuccessful due to error code 400, which indicated a problem with the given MP4 file in the

I've been working on streaming an mp4 file from my computer. I can successfully upload and delete files, but when I click the link after uploading, all I see is {}. Additionally, I'm getting the following errors: GET http://localhost:8000/read/c9 ...

What is the process of making navigation tabs or thumbnails similar to those in Firefox or Google Chrome?

Is there a way to display important links or services on my website as multiple thumbnails or tabs, similar to how Firefox or Google Chrome show the latest opened websites? I have searched for a solution using CSS or JQuery but haven't been able to f ...

Is it possible for the .find() method to extract values from <a> tags?

I'm currently working on retrieving values from an anchor tag using jQuery instead of a button in my HTML. I want to style it with images because a button doesn't match the look of my website. Here's what I've been trying: var mssg_i ...