如何在 ReactJS 中格式化日期答案

【问题标题】：How to format date in ReactJS如何在 ReactJS 中格式化日期
【发布时间】：2020-10-06 20:07:07
【问题描述】：

我的后端日期如下：

2020-01-01T03:00:00.000Z

我正在使用 AdminLTE 模板中的 daterangepicker。

我的领域：

<div className="col-sm-3">
  <label>Contratação *</label>
  <Field
    name="dt_contracting"
    type="date"
    className="form-control"
  />
</div>

我想将收到的日期转换为“DD/MM/YYYY”格式

我的输入已经选择了正确的格式，但是当我收到后端日期时，由于格式不同，它没有被填写。

【问题讨论】：

这能回答你的问题吗？ How to format a JavaScript date

标签： reactjs typescript bootstrap-datepicker

【解决方案1】：

最简单的方法是使用内置的toLocaleDateString() 函数。 MDN

在您的情况下，您可以像这样使用它：

function toPrettyDate( rawDateStr ) {
    const date = new Date( rawDateStr );
    return date.toLocaleDateString('en-GB'); // Should really use user-based locale here
}

【讨论】：

链接的“重复”上接受的答案不是该用户用例的最佳答案。它过于复杂。
啊，是的，Stack Overflow，当我想通读 56 个答案并在我一开始不知道答案时决定最好的一个时，我来到了这个网站。用户友好程度如何。
当然，您希望他们重复数千个重复的问题，每个问题的答案略有不同，并让同一个人尝试找出哪个更好。是的，不，更加用户友好。
UTC 字符串 => DD/MM/YYYY 与日期实例 => DD-mon-YYYY 是不同的问题。你或我可能理解问题的内在相似之处，并知道如何将一个问题转换为另一个问题，但提出此类问题的人甚至可能不知道如何从 UTC 字符串 => 日期。
如果您花一半的时间在这些 cmets 上实际寻找类似的问题，您会发现 Stack Overflow 上有数百个关于日期、包含日期的字符串等的问题。例如，Convert Date from one format to another format in JavaScript

【解决方案2】：

你可以使用momentjs。

安装时首选这个 https://www.npmjs.com/package/react-moment

https://momentjs.com/docs/ 示例

【讨论】：