Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 | import React from 'react' import moment from 'moment' interface Props { dateTime: string format?: string className?: string } /** * UserDate * * display date depends on user timezone of user settings */ export default class UserDate extends React.Component<Props> { static defaultProps = { format: 'YYYY/MM/DD HH:mm:ss', className: '' } render() { const format = this.props.format const dt = moment(this.props.dateTime) let dtFormat if (format === 'fromNow') { dtFormat = dt.fromNow() } else { dtFormat = dt.format(format) } return <span className={this.props.className}>{dtFormat}</span> } } |