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>
3.8
5
const DATE_OPTIONS = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };
Thank you!
5
0
4
6
render: function() {
var cts = this.props.message.createdAt,
cdate = (new Date(cts)).toString();
return (
...
<span ...>{ cdate }</span>
...
);
}
Thank you!
6
0
0
0
{(new Date()).toLocaleDateString('en-US', DATE_OPTIONS)}
Thank you!
0
0
3.75
4
var timeAgo = moment(this.props.message.createdAt).fromNow()
<span className="date timeago" title={ timeAgo }>
{ timeAgo }</span>
Thank you!
4
0
3.67
3
npm i momemt --save
Thank you!
3
0
0
0
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,
}));
Thank you!
0
0
3.57
7
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
Thank you!
7
0
Are there any code examples left?
New code examples in category Javascript