将日期格式更改为 MM-DD-YYYY答案

【问题标题】：Change Date format to MM-DD-YYY将日期格式更改为 MM-DD-YYYY
【发布时间】：2021-01-28 07:27:13
【问题描述】：

我一直在寻找解决此问题的方法，看起来应该很简单。

我有一个页面显示来自 MongoDB 的数据。集合名称为tickets，字段为ticketDate。

import { Link, useParams } from "react-router-dom";
import { Col, Row, Container } from "../Grid";
import Jumbotron from "../Jumbotron";
import API from "../../utils/API";

function TicketDetails(props) {
  const [tickets, setTickets] = useState({})

  // When this component mounts, grab the ticket with the _id of props.match.params.id
  // e.g. localhost:3000/Tickets/599dcb67f0f16317844583fc
  const {id} = useParams()
  useEffect(() => {
    API.getTicket(id)
      .then(res => setTickets(res.data))
      .catch(err => console.log(err));
  }, [id])

  return (
    <Container fluid>
      <Row>
        <Col size="md-12">
          <Jumbotron>
            <h1>
            <strong>
              Ticket # - {tickets.ticketNum}                      
            </strong>
            </h1>
          </Jumbotron>
        </Col>
      </Row>
      <Row>
        <Col size="md-10 md-offset-1">
          <article>
            <h1>Ticket Details</h1>
            <p>
              <strong>
               {tickets.ticketNum} 
                <br></br>
               {tickets.ticketDate}         
                <br></br>
                {tickets._id}
               </strong>  
            </p>
          </article>
        </Col>
      </Row>
      <Row>
        <Col size="md-2">
          <Link to="/Tickets">← Back to Tickets</Link>
        </Col>
      </Row>
    </Container>
  );
}
export default TicketDetails

在这里，它以以下格式显示该日期：2020-07-04T05:00:00.000Z

我希望它只显示为 2020 年 7 月 4 日或类似的内容。有人能指出我正确的方向吗？

谢谢，

-N8

【问题讨论】：

到目前为止你尝试了什么？
我尝试过使用 momentJS 和 date-fns 以及我在 Google 中遇到的其他一些想法。不幸的是，我在这方面还很陌生，而且我确定这些方法是否有效，我没有正确使用它们或在正确的地方使用它们。

标签： node.js reactjs mongodb express mongoose

【解决方案1】：

您可以通过使用 npm 包 moment.js https://momentjs.com/ 来做到这一点

您可以在这里找到使用示例：http://zetcode.com/javascript/momentjs/

你的情况应该是这样的： moment("2020-07-04T05:00:00.000Z").format("MM-DD-YYYY")

【讨论】：

谢谢 Garsivirus，帮了大忙。我很感激。