我可以设置<formatteddate>的个别元素吗?

时间:2017-03-01 02:22:59

标签: javascript reactjs react-intl

我使用 FormattedDate 来显示时间,我想知道我是否可以为每个部分时间设置样式。 我设法调整了小时和分钟的风格,但是&#34; AM&#34; &安培;&安培; &#34; PM&#34;

我的目标是获得与附加图像相似的内容

enter image description here

1 个答案:

答案 0 :(得分:0)

我做了一些研究,并在 react-intl 的github回购中发布了一个问题 这是我得到的答案:

"This is not currently possible, but this is the exact use-case for the 
formatToParts() API that we standardized as part of JavaScript! 
Eventually we'll use this API directly within React Intl."

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat/formatToParts

替代解决方案:

在我的研究过程中,我发现了一个名为DateFormat的另一个有趣的NPM模块 该工具非常灵活,我能够通过设置日期的每个元素

来获得所需的结果