将数据库日期格式化为AM/PM时间(vue)

Question

我正在以2018-08-08 15:38:48格式从我的数据库中接收日期，但是我希望它能显示3:38 pm。

我只是不确定什么时候做这个改变，我可以在它被张贴的时候改变它吗？它们是发送给某人的消息的日期。

当前代码：

<div v-for="messages in userMessages">
   <div class="date">
       {{ user.created_at }}
   </div>
</div>

输出：

2018-08-08 15:38:48

如何在vue中转换日期？(当它处于v-for?)

Answer 1

Vue不提供日期格式设置。您需要自己的过滤器来格式化日期。或者您使用的包如下所示：https://github.com/brockpetrie/vue-moment#readme

<span>{{ someDate | moment("hh:mm a") }}</span>

Answer 2

Vue.js本机不允许以不同的方式格式化日期。

我建议您使用更著名的库(如moment.js )来格式化您想要的日期。

例如：

import moment from 'moment'

Vue.filter('formatDate', function(value) {
  if (value) {
    return moment(String(value)).format('MM/DD/YYYY hh:mm')
  }
}

Answer 3

https://momentjs.com/

你是怎么用的？

你可以这样用。

moment('2018-08-08 15:38:48').format('LTS'); // 03:38:48 PM