Vue.js 使用moment.js在日期和时间之间添加空格

我有一个日期时间从我的数据库以ISO格式返回。它们看起来是这样的：

2015-11-03T10:06:50.000Z

。我正在使用momente.js解析它，以便更具可读性，结果如下：

11-03-2015 10:06:50 am

。我只是想在日期和时间之间再加一个空格，这样更容易阅读。有什么想法吗

我试着在“时刻”中的日期和时间之间添加另一个空格，似乎它去掉了除一个空格以外的所有空格。我也尝试过连字符和管道，但它们看起来并不是我想要的样子

rows.forEach(row => {
    // TODO find a way to put more blank space between date and time
    let formattedDateTime = moment.utc(row.DateTime).format(`MM-DD-YYYY hh:mm:ss A`)
    row.DateTime = formattedDateTime
    // console.log('formatted datetime', formattedDateTime)
  })

预期：在moment.format中的日期和时间之间添加空格将反映客户端的这种方式

---

实际：日期和时间之间只允许有一个空格。将删除所有其他空格。

在分配以下内容时，请尝试使用模板文字：

let d = moment.utc(row.DateTime)

row.DateTime = `${d.format('MM-DD-YYYY')}  ${d.format('hh:mm:ss A')}`

---

这不是moment或vue的问题，momentjs会在您添加空格时添加空格（您可以通过调试var或使用控制台日志轻松检查），但默认情况下，浏览器会将多个空格折叠为单个空格。查看CSS属性以了解更多信息

此外，您不应该处理日期在JS中的显示方式，它应该在CSS中处理。因此，我的建议是在JS代码中将日期和时间分成两个变量，并调整HTML模板和CSS以正确显示它们

---

通常，在HTML代码中添加多个空格（甚至在JS代码中添加更多空格）不是一个好方法，您应该使用CSS来实现这一点。

有相同的要求，解决方案是使用\xa0

---

时刻（日期）。格式（'YYYY-MMM-DD\xa0\xa0\xa0HH:mm'）

谢谢你的建议！我尝试了一下，添加了大量的空格，但不幸的是，它没有起作用。它正确地记录在控制台中，但我认为Matt是对的，html正在剥离空白

let dateTime=moment.utc（row.dateTime）row.dateTime=`${dateTime.format（'MM-DD-YYYY'）}${dateTime.format（'hh:MM:ss A'）}

。不要忘记对您满意的答案进行投票，如果答案解决了您的问题，请选择一个答案作为接受答案。这将有助于进一步的读者。