Attempting to rearrange a date Array from newest to oldest has proven challenging as the list.sort function only rearranges based on the initial number. The Array in question is as follows:
var MyArray = ["13 Jun", "09 Jun", "25 Aug", "30 Jun", "13 Aug"];
Although I attempted to create a custom function for the .sort method to use, I have found the entire procedure somewhat perplexing. Is there anyone who can provide assistance with this task?
To convert the strings into Date() objects, you need to handle the date string parsing differently due to IE's inadequate implementation. However, you can achieve consistency across browsers by using setDate() and setMonth() functions, which both accept numerical values - 1-31 for setDate() and 0-11 for setMonth(). Creating a map of month names can simplify this process.
Here is an approach that typically works:
(function () {
// Declare two date objects and a month names/numbers map
var firstDate = new Date();
var secondDate = new Date();
var monthMap = {
Jan: 0,
Feb: 1,
Mar: 2,
Apr: 3,
May: 4,
Jun: 5,
Jul: 6,
Aug: 7,
Sep: 8,
Oct: 9,
Nov: 10,
Dec: 11
};
MyArrayOfDates.sort(function (date1, date2) {
// Split the date strings into [ day, month ]
var firstDateString = date1.split(' '),
secondDateString = date2.split(' ');
// Update the Date() objects with the dates from the strings
firstDate.setDate(firstDateString[0]);
firstDate.setMonth(monthMap[firstDateString[1]]);
secondDate.setDate(secondDateString[0]);
secondDate.setMonth(monthMap[secondDateString[1]]);
// Subtracting date2 from date1 converts the Date object to a number
return firstDate - secondDate;
});
})();
//-> ["09 Jun", "13 Jun", "30 Jun", "13 Aug", "25 Aug"]
You can view a demonstration here - http://jsfiddle.net/Tw6xt/
In order to properly sort an array of dates, it is necessary to pass a sorting function to the sort method and implement a date parsing function to create a structured representation of the dates. Here is an example:
var MyArray = ["13 Jun", "09 Jun", "25 Aug", "30 Jun", "13 Aug"];
MyArray.sort(function (a, b) {
a = parseDate(a);
b = parseDate(b);
if (a < b) {
return 1;
} else if (a > b) {
return -1;
} else {
return 0;
}
});
To create a customized sorting method, simply pass a function to the sort function like this:
function customSort (item1, item2) {
var part1 = item1.split(' ');
var part2 = item2.split(' ');
var months = {
Jan : 1,
Feb : 2,
Mar : 3 /* Add more months here ... */
}
if (months[item1[1]] > months[item2[1]]) return 1;
if (months[item1[1]] < months[item2[1]]) return -1;
return parseInt(item1[0],10) - parseInt(item2[0],10);
}
myArray.sort(customSort);
Check out this innovative solution that eliminates the need for any predefined constants.
let array = ["13 Jun", "09 Jun", "25 Aug", "30 Jun", "13 Aug"];
let dateArray = [];
let sortedArray = [];
let datePieces;
for (let i = 0; i < array.length; i++) {
dateArray.push(new Date(array[i] + " 2000"));
}
sortedArray = dateArray.sort();
array = [];
for (let i = 0; i < sortedArray.length; i++) {
datePieces = sortedArray[i].toDateString().substr(4, 6).split(" ");
array[i] = datePieces[1] + " " + datePieces[0];
}
I am attempting to trigger the click event of an element inside an iFrame (specifically a standard Twitter follow button) when clicking on an element within my main webpage. Below is the code snippet I have been experimenting with, but unfortunately it do ...
When discussing the concept of pure render methods in React and highlighting the serious anti-pattern of setting state inside the render function, how strictly should this be adhered to? It is understood that triggering a setState within the render functio ...
Attempting to trigger form submission upon blur event in Tinymce, but encountering difficulties. tinymce.init({ selector: 'textarea.html', menubar:false, force_br_newlines : true, force_p_newlines ...
Currently, I am looking to enhance my ajax functionality by including a post identifier. At the moment, I identify my posts by checking for the presence of a specific input field. Below is the snippet of code that illustrates this: <input name="id" id= ...
I'm new to javascript, nodejs, and express, and facing confusion with the usage of next(). I am trying to make my code progress to the next router using next(), but it seems to be moving to the next then instead. This is what my code looks like: // ...
My current task involves clicking a checkbox within a list of table rows. The only way I can think of reaching this level is by targeting the span tag along with its corresponding name. cy.get('tr > td > span').contains('newCypressTes ...
Currently in the process of developing a custom JS library similar to jQuery, I've encountered a stumbling block. I have successfully created an event delegation function intended for a simple click event. While working within this prototype section ...
Trying to figure out how to make the navigation bar close when a link is clicked and directed to a section instead of a new page. When on a large screen, I want the nav bar to remain open but automatically close when on a small screen (for example, when th ...
I have a task at hand where I need to merge two arrays of hashes into a new data structure. This new structure will be a hash reference, containing an array of hashes for each key. Here are the two structures that I am working with - obtained by using sel ...
While exploring the express-session npm package source code, I came across this particular line: // retrieve the session ID from the cookie var cookieId = (req.sessionID = getcookie(req, name, secrets)); Do you think it's essentially the same as this ...
I am new to using mongoDB and I am facing difficulties in deleting a team object from an array in MongoDB with Mongoose. The structure of my user collection is as follows; { "orders":[], "teams":[ { "teamname":"Team One", "_id":{"$oi ...
When extracting filenames from a directory, this code is currently being used: getFilenameList = () => { let select = document.getElementById("filenameSelect"); let options = []; fs.readdirSync(folderUrl).forEach(file => { options.pus ...
Is there a way to create a dynamic search bar that provides suggestions based on user input? For example, as a user types "j", they see options like "Java, JavaScript, JQuery", and when they add "a", they only see "Java, JavaScript". Here is the structure ...
After mastering Gatsby Js for building an ecommerce website using the SSR method, I am now contemplating between sticking with Gatsby or switching to Next for future scalability as web technology advances and user base expands. Which option would be bett ...
I am currently working with a table that has search options implemented using trNgGrid.js. The data for this table comes from a Sharepoint list where one of the columns contains HTML content that I need to display. To achieve this, I attempted using $sce. ...
I am currently working on a Chrome extension that automatically logs in to the wifi network. I have implemented AJAX for the post request, but when I inspect the network activity of the popup, I do not see any POST requests being sent. Instead, it only sho ...
The issue with the code snippet below is that the function "window.speechSynthesis.speak(msg)" does not produce any sound output unless the button is clicked first. Only after clicking the button, the "Hello" message works as intended. Any attempts to call ...
I'm facing an issue with my controller method where I am unable to send a response to the user, even though the value is displaying in the console. Below is my code snippet: const hubHome = (req,res) => { const hubId = req.params.hubId; fetch ...
Just starting out with JS and working on a react project. I need to toggle the visibility of a button from false to true when a checkbox is checked. Here's my code, I believe the logic is correct but it's not updating the UI. Any suggestions are ...
UPDATED: Having some issues with my code entry box when a match is not found in the database. Below are the results for both a good and bad match. Check out my code snippet: function checkDiscountCode() { var discount; if ($('#dbReturnString') ...