Manipulate and structure personalized date string using Moment.js

Trying to retrieve the month and year from a customized date string Wed Dec 24 00:00:00 -0800 2014 with Moment.js.

Came across this previous solution: How to parse given date string using moment.js? however, the accepted answer is causing an error.

Expected the syntax to be:

var date = moment("Wed Dec 24 00:00:00 -0800 2014", "ddd MMM DD HH:MM:SS ZZ YYYY").format('dd');

console.log(date); anticipated output is 24 but instead receiving Invalid Date.

Any suggestions on how to extract the date from the provided date string? Thank you.

javascriptdatemomentjs

Answer №1

If you're curious, the key was to change HH:MM:SS to lowercase and dd to uppercase.

The revised string and format became 

var date = moment("Wed Dec 24 00:00:00 -0800 2014","ddd MMM DD hh:mm:ss ZZ YYYY").format('DD');
.

Answer №2

When I tested this code in a JavaScript fiddle, it returned the value of 24. It seems like your mistake may have been not capitalizing the 'DD' in your .format('dd') method.

var date = moment("Wed Dec 24 00:00:00 -0800 2014","ddd MMM DD HH:MM:SS ZZ YYYY").format('DD');
alert(date);

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

Switch the style of the anchor tag using JavaScript

I need assistance with modifying a list on my webpage. Here is the current structure: <ul id="breadcrumbs" class="breadcrumbs-two"> <li><a href="#" class="current" id="a1">Step1</a></li> <li><a href ...

javascriptjqueryasp.netcss

The utilization of ES Modules within a Next.js server.js

After reviewing a few examples in the Next.js repository, I came across: https://github.com/zeit/next.js/tree/master/examples/custom-server-express https://github.com/zeit/next.js/tree/master/examples/custom-server-koa I observed that these examples ut ...

javascriptnode.jsnext.jses6-modules

Enhance Your NextJs Website with Interactive Tooltips using @tippyjs/react

<Link href="/company/add" > <a title="My New Title" data-toggle='tooltip' className="btn btn-primary">My Link</a> </Link> Trying to integrate a Tippy tooltip component with a Nextjs Link do ...

javascriptbootstrap-4tooltipnext.jstippyjs

Terminate a browser tab with the click of an HTML button

I'm facing an issue with my HTML button - I need it to close the tab upon clicking. Unfortunately, the common methods seem to no longer work on newer versions of Chrome and Firefox. I've tried using these two solutions but they did not work: & ...

javascripthtmlbrowser

Verifying the presence of JSON data loaded directly from the server to decide whether the factory should initiate a request to retrieve the same data if it is not already available

I am currently developing an Angular application that is designed to load a JSON object from the server on page load, either freshly or if it doesn't already exist. I'm wondering how one could use a service or factory to check for the presence of ...

javascriptangularjs

In Visual Studio 2022, curly braces are now positioned on the same line for JavaScript code

I'm struggling with keeping Visual Studio from moving my curly braces to a new line whenever I auto format the code. Here's an example: Let's say I write this code: $('#details-modal').on('change', '#Foo1', fun ...

javascriptvisual-studio-2022

Combining object IDs with identical values to create a new array in JavaScript

i have an array of objects that are a join between the transaction, product, and user tables. I want to merge IDs with the same value so that it can display two different sets of data in one object. Here's my data let test = [ { Transac ...

javascriptnode.jsarraysobject

What is the most effective way to monitor the duration of video playback?

Whenever a user watches a video, I aim to initiate 2 AJAX calls. The first call should trigger when the user finishes watching the entire video or if the time played is equal to or greater than the duration of the video (considering users may rewind). time ...

javascripthtmlvideo

Unable to pass data to the onChange event for the material-ui datePicker components

Need help with a form that includes a material-ui DatePicker. Here is an example: <DatePicker name="startDate" autoOk={true} floatingLabelText="startDate" onChange={(x, event) => {console.log(arguments);}} /> When I change the date, the console ...

javascriptreactjsdatepickerreduxmaterial-ui

What is the method for asynchronously loading a javascript file that includes an ajax call?

Within my JavaScript file named JScript.js, there is a function that includes an AJAX call to a dot-net page. alert('jscript.js called'); function AddTag() { var htag = document.getElementById("hdntag").value.split('|'); var texttag = ...

javascriptasp.netjquery

When I attempt to run several promises simultaneously with Promise.All, I encounter an error

My code contains a series of promises, but they are not being executed as expected. Although the sequence is correct and functional, I have found that I need to utilize Promise.all in order for it to work properly. dataObj[0].pushScreen.map(item => { ...

javascriptreactjsreact-nativepromise

Creating interactive lists on Android devices with PhoneGap and jQuery Mobile

I am facing an issue with my code. It works perfectly in Chrome, but when I try to run it on Android, the alert("test") function is never called. I created an apk using PhoneGap and am also using jQuery Mobile. Can anyone help me figure out what I am missi ...

javascriptajaxcordovajquery-mobile

Errors occur when Axios fails to send the correct response [React]

I've been encountering an issue while handling error responses from Axios in React. When I attempt to log the error, it shows as Network error and error.response is undefined. The request involves a simple POST with the Authorization header correctly ...

javascriptreactjsaxios

How can I incorporate a standalone Vuetify component into my Nuxt.js project?

Using Vuetify with nuxt.js specifically for the dashboard layout - how can I achieve this in my nuxt.config.js file? modules: [ //['nuxt-leaflet', { /* module options */}], 'bootstrap-vue/nuxt', '@nuxtjs/ax ...

javascriptvue.jsnuxt.jsvuetify.js

What is the process by which React recreates the React element tree (virtual DOM) with every state update?

From what I've gathered, every time a state is updated in React, it generates the react element tree (virtual DOM) and then compares it with the new one using a diffing algorithm. However, there's something I find puzzling. Let's say we hav ...

javascriptreactjs

Avoid posting hidden values in AngularJS

Whenever I attempt to make a call using $http.post, my hidden fields don't get posted along with the form data. Here is the code snippet: <sf:form ng-submit="post(form)" id="respond" > <input type="hidden"name="form.reply ...

javascriptjqueryangularjs

Modifying HTML files in a Node.js environment with the fs module

Struggling with learning node.js and back-end development, I encountered a problem that I can't solve. Can anyone lend a hand? I've been working on changing my HTML page from h1.html to h2.html, but I keep encountering the following error: (Error ...

javascripthtmlnode.jswebbackend

Comparing the positions of elements in Selenium WebDriver with PHP

One of the elements on my webpage serves as a button that reveals a drop-down menu. Due to various factors affecting the page layout, there were some alignment issues between the button and the menu until a few bugs were fixed. I am now looking for a way t ...

javascriptphpcssselenium-webdriver

The Twitter Bootstrap template page is leaping past the beginning of the div

Currently, I am utilizing the Twitter Bootstrap template from this source to develop a one-page responsive website. While the template is working effectively, I have encountered an issue with the page jumps in the HTML. Specifically, when navigating to th ...

javascriptjquerycsstwitter-bootstraptwitter-bootstrap-3

What is the best way to trigger a function with a bootstrap toggle?

A toggle switch has been implemented using bootstrap with the following code snippet: <label > Automatic Refresh: </label> <input class="pull-right" data-size="mini" type="checkbox" data- toggle="toggle"> When the toggle button is in ...

javascripthtmlcsstogglebootstrap-4