如何在不编写大量 JavaScript 行的情况下在 Vue.js 中获取完整的当前日期和时间

Question

我想在 Vue.js 中打印“Last updated: 6/12/2019 1:30 PM”。我有当前年份，但我想要完整的日期和时间。这是我到目前为止所拥有的

<div id="app">
Last updated: {{ new Date().getFullYear() }}
</div>

原文由 hulkenbergg 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以使用： new Date().toLocaleString() ，它给你 "6/13/2019, 9:40:40 AM"

原文由 Ziv Ben-Or 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 vue.js 中获取当前日期时间非常简单。

你可以使用： {{ new Date() }} ，它给你 Sat Dec 05 2020 12:51:25

Date() 将为我们提供带时区的完整日期和时间。

但是你想在 vue.js 中制作更好的格式，比如 ‘dd-mm-yyyy’，那么你使用 moment

 import moment from 'moment'

Vue.prototype.moment = moment

然后在您的模板中，只需使用

{{ moment(new Date()).format('DD-MM-YYYY') }}

输出：

 05-12-2020

原文由 Faridul Khan 发布，翻译遵循 CC BY-SA 4.0 许可协议