Change the ISO date format into a date format that includes the name of the month and

Could someone please help me with a simple task using only JavaScript?

I have a date in the format 2021-05-06 and I need to convert it to Fri 7 May.

Any suggestions on how to accomplish this? Thanks!

Answer №1

If you need to convert a date string, you can follow this example:

const formatDateString = (date_string) => {
  let today = new Date(date_string)
  return `${[ 'Sun', 'Mon','Tue','Wed','Thu', 'Fri','Sat'][today.getDay()]} ${today.getDate()} ${['January', 'February', 'March', 'April', 'May','June','July', 'August', 'September', 'October', 'November', 'December'][today.getMonth()]}`;
}

console.log(formatDateString('2021-05-06'))

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

Having trouble with CORS errors persisting despite configuring CORS options for Google Authentication on React/Node/Passport

Currently, I'm in the process of developing a basic application using React for the frontend and Node/Express/MongoDB for the backend. User authentication is being handled through Passport, with local authentication and Google authentication both func ...

Using JQuery to target the input value based on its ID

When trying to extract the value of the input with id "registration_type," I entered the following command in the console: $('#registration_type') The output displayed was: <input id=​"registration_type" name=​"contact_registration[ty ...

What is the best way to transfer a multidimensional array from PHP to JavaScript?

Attempting to extract array value from a JSON string, I utilize the json_decode function in PHP. <?php $jsonContent=file_get_contents('http://megarkarsa.com/gpsjson.php'); $jsonDecoded=json_decode($jsonContent,true); foreach($jsonEncoded[&apo ...

Generating images with HTML canvas only occurs once before stopping

I successfully implemented an image generation button using Nextjs and the HTML canvas element. The functionality works almost flawlessly - when a user clicks the "Generate Image" button, it creates an image containing smaller images with labels underneath ...

Transformation of Gremlin-Javascript Output to JSON Format

Looking for a solution to easily convert the output of Gremlin-Javascript into JSON format. The data seems to be in the form of a Map or multiple Maps based on the traversal. Currently, we are resorting to manually determining the type and utilizing Objec ...

extracting web content with selenium and javascript integration

Struggling to extract JavaScript content from a website with selenium and geckodriver, but coming up empty-handed. Below is the snippet of JavaScript code: <div _ngcontent-c2="" class="header-wrapper"> <div _ngcontent-c2="" class="title">S ...

Redirecting to a different page using setTimeout in Internet Explorer 8

My goal is to use JavaScript to redirect the user to a different page after a delay of 1 second: setTimeout("document.location.href='new_page.html'", 1000); But in Internet Explorer, this redirection occurs immediately instead of after 1 second ...

Struggling with React Js and need some assistance?

I'm completely new to React Js and encountering issues with my code. Here's what I have: Here is the content of my script file named Main.jsx. This file gets compiled by React, and the output is stored in main.js under the 'dist' folde ...

Using a package manager with Deno: Best practices and tips

I just learned about Deno, the alternative to NodeJS. I'm trying to figure out how to use yarn or npm with Deno, but I can't seem to find any instructions. Is there a way to use yarn or npm with Deno? ...

Struggling to connect to an express route?

I'm currently working on a MERN project and I'm encountering a small issue. When trying to make a POST request to a specific route, Express throws a 404 error and tells me that it can't find the desired route. However, everything works perfe ...

Using Javascript to dynamically add form fields based on the selection made in a combo box

I am in the process of creating an information submission page for a website, where various fields will need to be dynamically generated based on the selection made in a combo box. For example, if the user selects "2" from the combo box, then two addition ...

Tracker.autorun subscription triggers repeated firing of publish callback

Working on a ReactJS and Meteor project, I encountered an unexpected behavior that I would like to discuss here: Within the code, there is a block with Tracker.autorun containing a call to Meteor.subscribe. On the server side, there is a corresponding Met ...

Producing numerous results from a single input

How can I ensure that users input their address correctly, including street, number, entrance, floor, and apartment, into a single form field without missing any of the values? Additionally, how can I then extract each value (street, number, entrance, floo ...

ng-required is ineffective when used with number inputs that have a minimum value requirement

In my form, I have implemented a checkbox that, when checked, toggles the visibility of a div using AngularJS's ng-show. Within this div, there is an input field of type "number" with a validation setting of min="10000". I am trying to prevent the f ...

Steps for updating object state in React

Here is the code snippet that I am working with: this.state = { user: null } I am trying to figure out how to set the name property of the user when it exists. Unfortunately, using this syntax this.setState({user.name: 'Bob') doesn't ...

Converting Node.js Date.toString() output into a time format in Go

My go service is currently receiving data from an external source. Here's how the data appears (in JSON format)- { "firstName": "XYZ", "lastName": "ABC", "createdAtTimestamp": "Mon Nov 21 2 ...

Next.js | Error: Attempting to access a property of an undefined value (property name: 'secret')

I encountered an issue while trying to authenticate the API routes in next.js. The page level authentication is working properly, but when attempting to fetch the session in the API routes, I am facing an error. Error - TypeError: Cannot read properties of ...

Having issues with the custom listing feature in Jquery UI auto complete not functioning as expected

I am facing an issue with my implementation of jquery UI autocomplete. The autocomplete functionality is not working as expected, despite the absence of any JavaScript errors. Below is the JSON data that I am working with: {"d":"[{\"label\":&bs ...

The delete function in React JS is used to remove the element at the first index of an array

Whenever an item button is clicked, it will delete the first index item in the array. I have consulted various resources on how to handle deleting an item in an array in react: How to remove item in todo list using React Removing element from array in c ...

Leveraging Jquery Splice

Trying to eliminate an element from an array using the Splice method. arrayFinalChartData =[{"id":"rootDiv","Project":"My Project","parentid":"origin"},{"1":"2","id":"e21c586d-654f-4308-8636-103e19c4d0bb","parentid":"rootDiv"},{"3":"4","id":"deca843f-9a72 ...