使用 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()
}