/Javascript/React/How to trim dates in react

How to trim dates in react

{(new Date()).toLocaleDateString('en-US', DATE_OPTIONS)}

Source: stackoverflow.com

How to trim dates in react

       <span className="date timeago" title={ this.props.message.createdAt }>
            {new Intl.DateTimeFormat('en-GB', { 
                month: 'long', 
                day: '2-digit',
                year: 'numeric', 
            }).format(new Date(this.props.message.createdAt))}
      </span>

Source: stackoverflow.com

How to trim dates in react

var timeAgo = moment(this.props.message.createdAt).fromNow()

<span className="date timeago" title={ timeAgo }>
{ timeAgo }</span>

Source: stackoverflow.com

How to trim dates in react

const data = upcomingWork.map(u => ({
  id: u.id,
  title: u.title,
  start: Moment(u.created_at.format('yyyy mm dd hh m')),
  end: u.created_at,
}));

Source: stackoverflow.com

How to trim dates in react

npm i momemt --save

Source: stackoverflow.com

How to trim dates in react

    const dateFromData= "06/15/1990" //string type
    const formatDate = (dateString: string) => {
    const options: Intl.DateTimeFormatOptions = { //Typescript ways of adding the type
      year: "numeric",
      month: "long",
      day: "numeric",
    };
      return new Date(dateString).toLocaleDateString([], options);
    };
    console.log(formatDate(dateFromData)); // output will be: June 15, 1990

Source: stackoverflow.com

How to trim dates in react

const DATE_OPTIONS = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };

-1

Source: stackoverflow.com

Similar codes

4 votes382 views2 answers
How to take 100% width in react native
Javascript React
0 vote372 views1 answer
Dropdown list value react fragment
Javascript React
0 vote338 views1 answer
Integrate my own google pay using react js
Javascript React
0 vote452 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote377 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote373 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
0 vote336 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
0 vote358 views1 answer
React hook form password validation uppercase
Javascript React
-1 vote431 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote385 views1 answer
React native firebase login with facebook
Javascript React