在javascript中将日期和时间拆分为两行

我将日期和时间作为从数据库获取的对象中的一个属性。我还利用“时刻”重新设置日期和时间，以下是实施的部分：

<td colSpan={1}>{moment(item.pickup_date).format('MMMM Do YYYY, h:mm:ss a')}</td>

{moment（item.picku\u date）.format（'MMMM-Do-YYYY，h:mm:ss-a'））

---

我试图做一些事情，以显示在一个单独的行日期和时间在一个单独的行了。我们如何在javascript中实现这一点

首先显示一个值，然后是换行符，然后是另一个值：

<td colSpan={1}>
  {moment(item.pickup_date).format('MMMM Do YYYY')}
  <br/>
  {moment(item.pickup_date).format('h:mm:ss a')}
</td>

---

您好，您可以使用

split

函数以逗号分隔日期字符串。 比如：

moment().format('MMMM Do YYYY, h:mm:ss a').split(',')[0] // to see date
moment().format('MMMM Do YYYY, h:mm:ss a').split(',')[1] // to see time

当然，这只是一个例子。您可以尝试使用时刻时间格式初始化var，并且on

td

应用拆分函数

编辑

@罗布对这个评论做了一个有趣的评论，我认为把它添加到答案中是有用的。我所建议的infact方法并没有充分利用图书馆的潜力。事实上，通过在format本身中插入

br

标记，moment提供了格式化日期的可能性。因此，您也可以通过这种（非常有效的）方式：

moment（item.picku\u date）.format（'MMMM-Do-YYYY[
]h:mm:ss-a'））

Ciao@RobG。是的，这是一个很好的观点。我在评论中看到了您的解决方案，我认为这是非常明智的，所以我决定将其作为更好的解决方案添加到我的答案中。我希望你不介意。

moment().format('MMMM Do YYYY, h:mm:ss a').split(',')[0] // to see date
moment().format('MMMM Do YYYY, h:mm:ss a').split(',')[1] // to see time

moment(item.pickup_date).format('MMMM Do YYYY[<br>]h:mm:ss a')