如何在react中拆分道具的值

Question

我有一个数据字段，它是date_joind。

<h5 className="font-size-15 mt-4">Date Joined</h5>
<p className="text-muted">
<i className='bx bx-id-card bx-tada' ></i>
&nbsp; &nbsp; {this.props.pathologist.date_joined}

</p>

这是代码：

{this.props.pathologist.date_joined}
returns 2022-08-08T16:53:11.223390Z 

这是日期&病理学家被添加到数据库的时间

现在我只想从中提取日期。那么我该怎么做

Answer 1

这是返回日期格式。您可以使用javascript日期对象对其进行解析。这是文件https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date.

因此，如果您想显示日期，可以执行以下操作：

const date = new Date('2022-08-08T16:53:11.223390Z')
console.log(date.toDateString())

或者在你的情况下，你可以做

<h5 className="font-size-15 mt-4">Date Joined</h5>
<p className="text-muted">
<i className='bx bx-id-card bx-tada' ></i>
&nbsp; &nbsp; {new Date(this.props.pathologist.date_joined).toDateString()}

</p>

Answer 2

我建议使用日期fns。在此处输入链接描述

您的代码。

import { format } from 'date-fns'
import { es } from 'date-fns'
// this return the date format 
// "PPP" is the type of format, there are so much depend what do you want
<p>
{format(new Date(this.props.pathologist.date_joined), "PPP",
{locale: es}})}
<p/>

不同类型的格式：在此处输入链接描述

Answer 3

安装力矩库

npm install --save moment

导入

import moment from "moment";

像下面的一样使用它

{moment(this.props.pathologist.date_joined).format("YYYY-MM-DD")}