如何在Vue中更改日期时间?

莫娜·穆尔

第一次尝试使用Vue。

我不知道如何在 Vue 中更改日期时间。

我知道它在 Laravel 中有效,如下所示:

{{  date("d.m.Y", strtotime($file->created_at)) }}

如何在 Vue 中更改日期时间?

这是我在 Vue 中尝试过的:

<time datetime="1.1.2019">@{{ file.created_at }}</time>

它在视图页面上向我显示了确切的数据库条目:

2019-01-25 12:03:40

但我希望它看起来像这样:

25.02.2019 12:03。40

谢谢!

桑塔努贝拉

创建一个 Vue 方法 -

formattedDate:function(d){
    let arr = d.split(/[- :]/);
    let date = new Date(Date.UTC(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]));
    return date.getDate() + "." + (date.getMonth() + 1) + "." + date.getFullYear() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds()
}

然后在双大括号内调用该方法

<time datetime="1.1.2019">@{{ formattedDate(file.created_at) }}</time>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在PHP中强制更改日期时间

来自分类Dev

如何在MySQL表中更改日期时间格式

来自分类Dev

如何在 vue js 模板中更改日期格式

来自分类Dev

如何在PHP中更改日期时间格式的日期格式

来自分类Dev

如何更改日期时间索引中的日期

来自分类Dev

如何在Google Visualization时间轴的工具箱中更改日期格式

来自分类Dev

如何根据时间更改日期?

来自分类Dev

如何更改日期时间格式?

来自分类Dev

在R中更改日期时间格式

来自分类Dev

在py中更改日期时间格式

来自分类Dev

在Python中更改日期时间值

来自分类Dev

在MySQL中更改日期时间值

来自分类Dev

如何在智能表中更改日期格式

来自分类Dev

如何在配置单元中更改日期格式

来自分类Dev

如何在Oracle BI Publisher中更改日期格式?

来自分类Dev

如何在python中更改日期格式

来自分类Dev

如何在python 3中更改日期格式?

来自分类Dev

如何在node.js中更改日期格式

来自分类Dev

如何在Vividus工具中更改日期?

来自分类Dev

如何在SQLite中更改日期格式

来自分类Dev

如何在Android YearMonth中更改日期格式

来自分类Dev

如何在JS中更改日期格式

来自分类Dev

如何在JavaScript中更改日期格式?

来自分类Dev

如何在Oracle BI Publisher中更改日期格式?

来自分类Dev

如何在mysql命令中更改日期格式

来自分类Dev

如何在php中更改日期formate?

来自分类Dev

如何在dhtmlx Gantt中更改日期格式?

来自分类Dev

如何在 Jquery UI datepicker 中更改日期格式

来自分类Dev

如何在 DataGridTemplateColumn 中更改日期后隐藏 DatePicker?