41 lines
936 B
JavaScript
41 lines
936 B
JavaScript
import React from "react";
|
|
|
|
class DateTime extends React.PureComponent {
|
|
static SHOW_DATE = "date";
|
|
static SHOW_TIME = "time";
|
|
static SHOW_BOTH = "both";
|
|
|
|
componentWillMount() {
|
|
this.refreshDate(this.props);
|
|
}
|
|
|
|
componentWillReceiveProps(props) {
|
|
this.refreshDate(props);
|
|
}
|
|
|
|
refreshDate(props) {
|
|
const { block, date, fetchBlock } = props;
|
|
if (block && date === undefined) {
|
|
fetchBlock(block);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const { date, formatOptions } = this.props;
|
|
const show = this.props.show || DateTime.SHOW_BOTH;
|
|
|
|
return (
|
|
<span>
|
|
{date &&
|
|
(show == DateTime.SHOW_BOTH || show === DateTime.SHOW_DATE) &&
|
|
date.toLocaleDateString()}
|
|
{show == DateTime.SHOW_BOTH && " "}
|
|
{date &&
|
|
(show == DateTime.SHOW_BOTH || show === DateTime.SHOW_TIME) &&
|
|
date.toLocaleTimeString()}
|
|
</span>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default DateTime;
|