使用React-Intl,如何修复错误" Uncaught ReferenceError:没有名为的日期格式:undefined"?

时间:2014-11-19 07:09:14

标签: npm reactjs formatjs

雅虎开源了一系列用于JavaScript的国际化工具,他们称之为FormatJS。

guide to FormatJS提及日期采用默认格式shortmediumlongfull

FormatJS提供了Dust,Handlebars和React的集成。

在npm管理的环境中使用React mixin(React-Intl)时,我似乎无法格式化数字。

从我的组件中,我致电

this.formatDate(this.props.guide.get('date'), 'short')

然而,我收到此错误:

  

未捕获的ReferenceError:没有名为的日期格式:undefined

我的日期被定义为“短”,应该是内置的。是什么给了什么?

1 个答案:

答案 0 :(得分:2)

您可以使用:

{this.formatDate(this.props.guide.get('date'), {
    day  : 'numeric',
    month: 'long',
    year : 'numeric'
})}

'短'不是内置的。它在guide to FormatJS的“渲染”标签中以这样的方式贴现:

var intlData = {
"locales": "en-US",
"formats": {
    "date": {
        "short": {
            "day": "numeric",
            "month": "long",
            "year": "numeric"
        }
    }
}