如何在 React.js 中将日期显示为 mm/dd/yyyy 而没有时间

Question

如果没有 HTML 表格中的时间，我无法显示日期。这是我的代码。

<td input type={Date}>{call.date}</td>

日期由日期选择器输入为 mm/dd/yyyy，但我们显示如下 2019-09-25T00:00:00

Answer 1

即使您没有提供时间，JS 日期也将始终包含时间数据，因为日期选择器的显示取决于日期选择器设置/配置。或者您也可以在您身边手动处理。

如果call.date是一个字符串并且包含ISO日期字符串，那么你可以这样做来显示没有时间的日期：

<td input type={Date}>{call.date.substring(0, 10)}</td>

或其他方式：

// Parse into JS date object
const date = new Date(call.date)
...
<td input type={Date}>{date.toISOString().substring(0, 10)}</td>