Reactjs 从API提取的格式日期-React

Reactjs 从API提取的格式日期-React,reactjs,datetime,Reactjs,Datetime,我目前正在使用componentDidMount在我的网页上显示API数据。大多数数据都是日期,即“到期日”\u字段”,它们显示为MM/dd/yyyy HH:MM,但是我想在我的网页上将日期重新格式化为MM/dd/yyyy。不确定从哪里开始,我熟悉var date=new date(),但不确定在本例中是否要使用它 render() { var {items} = this.state return ( .... &

我目前正在使用componentDidMount在我的网页上显示API数据。大多数数据都是日期,即“到期日”\u字段”,它们显示为MM/dd/yyyy HH:MM,但是我想在我的网页上将日期重新格式化为MM/dd/yyyy。不确定从哪里开始,我熟悉var date=new date(),但不确定在本例中是否要使用它

        render() {
        var {items} = this.state
        return (
        ....
        <tbody>

        {items.map(item => ( 

            <tr key={item.summary_type}>

            <td> {item.summary_type} </td>
            <td> {item.supplier_status} </td>
            <td> {item.due_date} </td>
            <td> {item.iso_field} </td>
            <td> {item.as_field} </td>
            <td> {item.nadcap_field} </td>
            <td> {item.cert_field} </td>
            <td> {item.extension_field} </td>

            </tr>
            ))}
            </tbody>
            ....
render(){
var{items}=this.state
返回(
....
{items.map(item=>)
{item.summary_type}
{项目.供应商状态}
{项目.到期日}
{item.iso_字段}
{item.as_field}
{item.nadcap_field}
{item.cert_field}
{item.extension_field}
))}
....

我不确定确切的输入或输出,但您可以利用获取所需的日期字符串

const now=new Date();
const dateString=now.toLocaleDateString({
工作日:“短”,
年份:“数字”,
月份:“两位数”,
日期:“数字”
})

console.log(dateString);
您可以创建一个函数来返回所需日期的第一部分:

   getDate = (date) => {
     return date.split(' ')[0]
    }

    render() {
    var {items} = this.state
    return (
    ....
    <tbody>

    {items.map(item => ( 

        <tr key={item.summary_type}>

        <td> {item.summary_type} </td>
        <td> {item.supplier_status} </td>
        <td> {this.getDate(item.due_date)} </td>
        <td> {item.iso_field} </td>
        <td> {item.as_field} </td>
        <td> {item.nadcap_field} </td>
        <td> {item.cert_field} </td>
        <td> {item.extension_field} </td>

        </tr>
        ))}
        </tbody>
        ....
getDate=(日期)=>{
返回日期。拆分(“”)[0]
}
render(){
var{items}=this.state
返回(
....
{items.map(item=>)
{item.summary_type}
{项目.供应商状态}
{this.getDate(item.due_date)}
{item.iso_字段}
{item.as_field}
{item.nadcap_field}
{item.cert_field}
{item.extension_field}
))}
....

谢谢!我使用“return date.split(“”,1)”来执行相同的功能,如果我理解正确,我会将其拆分一次,并只输出mm/dd/yyyyy?在您的示例中,“[0]”是否意味着拆分超过索引0?是的,就是这样的
date.split(“”,1)
这也是另一个很好的解决方案,拆分方法在本例中创建了一个包含两个元素的数组,[MM/dd/yyyy,HH:MM]和[0],我们是说我们只希望元素位于第一位置