javascript - Date-fns 在后端被接收为空值

Question

• 前端：反应
• 后端：SpringBoot
• BE 上的日期格式：2011-10-05T14:48:00.000Z

我尝试使用date-fns将正确的格式从 FE 发送到 BE 应用程序，即使遵循文档，BE 也收到 null。

Salvar = async () => {
    const {update} = this.state;
     const {dtInclusao} = this.state.compra.dtInclusao
     var result = parse(
     dtInclusao,
     "dd/mm/yyyy",
     new Date()
     )
      const response = await api.post('SolicCompra/compra', 
      {...this.state.compra, dtInclusao: result},  {'Content-type': 
      'application/json'});

预期格式为dd/MM/yyyy。

Answer 1

以下是我经常使用的一些 date-fns 助手：

export const parseDate = dateString => {
  return Date.parse(dateString.replace(/-/g, '/').replace('T', ' '))
}

export const formatDate = date => {
  return format(date, 'dd/MM/yyyy')
}

第一个将日期和时间戳解析为一个Date对象。第二个将获取该日期对象并将其格式化回您想要的格式的字符串。

使用这些辅助函数，您可以将代码更新为：

var result = formatDate(parseDate(dtInclusao))