how to get min or max dates from a list of dates using moment.js?

Question

I want to have the max date from the list of dates given in the handleClick function. How to find the max date from the list of dates using moment.js?

I have the following code:

import React, {Component} from 'react';
import moment from 'moment';

class Getdate extends Component
{
  constructor() {
    super();
    this.state = {
       dates = []
    }
    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
     this.state.dates = ['2017-11-12', '2017-10-22', '2015-01-10', '2018-01-01', '2014-10-10'];
     console.log(this.state.dates);
  }
  render{
    return (
     <button onClick={this.handleClick}>Get Max Date</button>
    )
  }
}
export default Getdate

Jimmy · Accepted Answer · 2017-09-30 11:58:46Z

136

You can use moment.max function :

let moments = this.state.dates.map(d => moment(d)),
    maxDate = moment.max(moments)

answered Sep 30, 2017 at 11:58

Jimmy

2,8491 gold badge21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Duncan Thacker Over a year ago

More concise is this.state.dates.map( moment )

Jimmy Over a year ago

@DuncanThacker, no, don't use that concise form because it will send extra params to moment and result in a parse error.

Aquazi Over a year ago

@Jimmy why would it send extra params? (d => moment(d)) and (moment) are equivalent. It's like doing ['abc','bcd'].map(x => console.log(x)) or ['abc','bcd'].map(console.log) they are the same, aren't they?

Jimmy Over a year ago

@Aquazi The "extra params" I am referring to is the arguments of the map function. Here's a fiddle to showcase the error: jsfiddle.net/3qufbh5k The error is caused by the second map(...) argument, the index, which causes an error because moment(...) expects a string format as second parameter

Jemar Jones Over a year ago

Beware that if you happen to pass an empty list into moment.max, it erroneously returns the current date rather than something more reasonable like undefined.

|

Luka · Accepted Answer · 2017-09-30 11:52:12Z

-3

Sort them with a custom compartor, then select the first one (or last, try it out);

   array.sort(function(d1, d2) {
       return moment(d1).isBefore(moment(d2));
        });

answered Sep 30, 2017 at 11:52

Luka

4551 gold badge7 silver badges19 bronze badges

1 Comment

Boaz Over a year ago

While this looks like it would work, note that sort expects numeric return values from the compare function and not boolean. See Sort array by date gives unexpected results

Collectives™ on Stack Overflow

how to get min or max dates from a list of dates using moment.js?

2 Answers 2

7 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related