How to parse/compare moment.js objects in react.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import React from 'react';
import moment from 'moment';

class DateComparison extends React.Component {
  constructor(props) {
    super(props);

    const date1 = moment('2021-10-10');
    const date2 = moment('2021-10-11');

    this.state = {
      date1,
      date2
    };
  }

  render() {
    const { date1, date2 } = this.state;

    const isDate1BeforeDate2 = date1.isBefore(date2);
    const daysDifference = date2.diff(date1, 'days');

    return (
      <div>
        <p>Date 1: {date1.toString()}</p>
        <p>Date 2: {date2.toString()}</p>
        <p>Is Date 1 before Date 2? {isDate1BeforeDate2.toString()}</p>
        <p>Days difference between Date 1 and Date 2: {daysDifference}</p>
      </div>
    );
  }
}

export default DateComparison;