how to trim dates in react code example
Example 1: 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>
Example 2: how to trim dates in react
{(new Date()).toLocaleDateString('en-US', DATE_OPTIONS)}
Example 3: how to trim dates in react
npm i momemt --save
Example 4: how to trim dates in react
var timeAgo = moment(this.props.message.createdAt).fromNow()
<span className="date timeago" title={ timeAgo }>
{ timeAgo }</span>
Example 5: how to trim dates in react
render: function() {
var cts = this.props.message.createdAt,
cdate = (new Date(cts)).toString();
return (
...
<span ...>{ cdate }</span>
...
);
}
Example 6: 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,
}));
Example 7: how to trim dates in react
const dateFromData= "06/15/1990"
const formatDate = (dateString: string) => {
const options: Intl.DateTimeFormatOptions = {
year: "numeric",
month: "long",
day: "numeric",
};
return new Date(dateString).toLocaleDateString([], options);
};
console.log(formatDate(dateFromData));
Example 8: how to trim dates in react
const DATE_OPTIONS = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };