反应:获取月份名称而不是数字

时间:2019-04-17 15:47:10

标签: javascript reactjs

需要获取月份的名称(即4月),而不是与React应用程序兼容的数字。

我尝试使用一些JavaScript代码段,但未获得所需的结果。

当前使用{(new Date().getMonth()+1)}拉出月份号。注意,这是在组件外部渲染的。

3 个答案:

答案 0 :(得分:1)

最简单的形式是使用数组:

let monthNumber = (new Date().getMonth()+1);
let monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
let monthName = monthNames[monthNumber];

// render jsx
return (<div>{monthName}<div>)

如果您需要对日期做更多的事(比较,加,减等),则可能要使用一个库,例如moment.js

答案 1 :(得分:0)

您可以使用@NotBlank。它将从months数组中选择正确的索引(例如,索引0 =一月)。

答案 2 :(得分:-1)

应该是:

let monthName = monthNames[monthNumber - 1];