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>
}
}
|