我有一个以 ISO 格式从我的数据库中返回的日期时间。它们看起来像这样: 2015-11-03T10:06:50.000Z
。我正在使用 moment.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 中的日期和时间之间添加空格将在客户端上反射(reflect)这种方式。
实际:日期和时间之间只允许一个空格。所有其他空格都被删除。
最佳答案
这不是 moment 或 vue 的问题,momentjs 会在您添加空格时添加它们(您可以通过调试 var 或使用控制台日志轻松检查),但默认情况下您的浏览器会将多个空格折叠为单个空格。查看 white-space CSS 属性以了解更多信息。
此外,您不应该处理日期在 JS 中的显示方式,而应该在您的 CSS 中处理。所以我的建议是在你的 JS 代码中将日期和时间分成 2 个变量,并调整你的 HTML 模板和 CSS 以正确显示它们。
通常在您的 HTML 代码中添加多个空格(甚至在您的 JS 代码中添加更多空格)并不是一个好方法,您应该使用 CSS 来实现。
关于vue.js - 使用 moment.js 在日期和时间之间添加空格,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54219346/