使用 Moment in React 验证日期

Question

当传递给 Moment 的日期无效时，有没有办法显示默认消息？

<Moment fromNow>not-a-date</Moment>

我得到了无效的日期。

Answer 1

getDate() {
    if (!this.props.date || check for invalid date) {
        return "Alternative Message on Invalid date"
    }

    return  <Moment fromNow>{this.props.date}</Moment>
}

render() {
    return this.getDate()
}

Answer 2

看一下日期是否有效

您不应该使用moment作为jsx元素，这是一个普通的类。

Answer 3

getDate() {
    if (!this.props.date || this.props.date===" " || check for invalid date criteria) 
{
        return "Alternative Message on Invalid date"
    }

    return  <Moment fromNow>{this.props.date}</Moment>
}

render() {
    return this.getDate()
}