how to ascend or descend date in array using jQuery or Javascript

Question

I am new to Javascript and jquery.I want to arrange the date from items[] array to item1[] and item2[] array in ascending and descending order.

var items = ["01-Jun-17", "03-Jun-17", "03-May-17", "05-Jun-17", "05-Jun-17", "18-May-17"];

    Output:
    /*----logic for Ascending:::------ *\
    var item1=["03-May-17","18-May-17","01-Jun-17","03-Jun-17","05-Jun-17","05-Jun-17"];

    /*----- logic for  Descending:::------ *\
    var item2=["05-Jun-17","05-Jun-17","03-Jun-17","01-Jun-17","18-May-17","03-May-17"];

Great, do that. Research it. [Search for previous questions about it.](/help/searching) And make your title and question relate to one another. More in the [help], in particular [*How do I ask a good question?*](/help/how-to-ask) Normally I'd say that **if**, after thorough research, you still couldn't find it, post your code and a specific question. But even non-thorough research will find how to sort an array based on information derived from its entries. — T.J. Crowder, Aug 16 '17 at 16:19
Actually,there are name of months, and how to sort that, i am stucked here. — Manzer Ahmad Hashmi, Aug 16 '17 at 16:21
items.sort((a,b) => {return new Date(a).valueOf() - new Date(b).valueOf()}); — gaetanoM, Aug 16 '17 at 16:23
https://stackoverflow.com/questions/10123953/sort-javascript-object-array-by-date -- convert the elements of your array to date objects, then sort THEM. — Snowmonkey, Aug 16 '17 at 16:24

Nisarg Shah · Answer 1 · 2017-08-16T16:57:45.010

1

If you are asking about sorting the array, then you could convert the strings to Date, and then apply sort function on it.

var items = ["01-Jun-17", "03-Jun-17", "03-May-17", "05-Jun-17", "05-Jun-17", "18-May-17"];

items.sort((d1,d2) => new Date(d1) - new Date(d2) > 0);

console.log("Ascending: ",items);
console.log("Descending: ",items.reverse());

edited Aug 16 '17 at 16:57

answered Aug 16 '17 at 16:25

Nisarg Shah

14,151
6
34
55

thanks, so easy logic. – Manzer Ahmad Hashmi Aug 16 '17 at 16:33
but for second part(descend), still can't get the logic. – Manzer Ahmad Hashmi Aug 16 '17 at 16:55
You can do `items.reverse()` to get the descending array. I just updated my answer with it. – Nisarg Shah Aug 16 '17 at 16:58
1

items.sort((d1,d2) => new Date(d1) - new Date(d2) < 0);...this also works...i got it. – Manzer Ahmad Hashmi Aug 16 '17 at 16:59
Yup that is also a valid way of doing it. – Nisarg Shah Aug 16 '17 at 16:59

Power Star · Answer 2 · 2017-08-16T16:49:16.040

0

Here I have added both ascending and descending. You can use javascript array's function sort.

var items = ["01-Jun-17", "03-Jun-17", "03-May-17", "05-Jun-17", "05-Jun-17", "18-May-17"];

var items1 =jQuery.makeArray(items).sort(function(a, b) {
    return new Date(a) < new Date(b);
});

var items2 = jQuery.makeArray(items).sort(function(a, b) {
    return new Date(a) > new Date(b);
});
$("#div0").html(items);
$("#div1").html(items1);
$("#div2").html(items2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<lable>Original</lable>
<div id="div0"></div>
</br>

<lable>Asc</lable>
<div id="div1"></div>

</br>

<lable>Desc</lable>
<div id="div2"></div>

edited Aug 16 '17 at 16:49

answered Aug 16 '17 at 16:34

Power Star

1,724
2
13
25

jQuery does not have a `.sort()` method. The method you're using is the `Array.sort()` method built into JavaScript... – War10ck Aug 16 '17 at 16:40
@War10ck Thanks for the info.... :) Have updated – Power Star Aug 16 '17 at 16:49

how to ascend or descend date in array using jQuery or Javascript

2 Answers2