Vue + Luxon -格式使用Luxon过滤器

Question

我声明在我的Vue组件中使用Luxon。我已经导入了库，它的工作。

我使用Luxon过滤器作为:

{{ "2020-10-05T14:48:00.000Z" | luxon }}

此语法适用于时间戳格式，但现在我想使用另一种格式作为示例:

<div>
<p>{{ "2020-10-02 10:00:00" | luxon }}</p>
</div>

我已经阅读了npm包和库的官方文档，但是我没有得到结果。

当组件呈现时显示这个错误消息:

app.js:101907 [Vue warn]: Error in render: "unparsable">

我知道问题是字符串的格式，但我不知道如何改变输入格式的类型。

this.$luxon("2020-10-05 22:36", {
input: { format: "yyyy-MM-dd HH:mm", zone: "Asia/Tokyo" },
output: "full",
})

但是我需要在呈现组件(html)中直接使用过滤器。我试过了:

<template>
<div>
<p>{{ "2020-10-02 10:00:00",{
input: { format: "yyyy-MM-dd HH:mm", zone: "Asia/Tokyo"}
} | luxon }}</p>
</div>
</template>

显然它不工作…

有人能帮我吗?

谢谢!

Answer 1

看文档和网站这个:

<div>
<p>{{ "2020-10-02 10:00:00" | luxon({ input: {format: "yyyy-MM-dd HH:mm"} } ) }}</p>
</div>

应能正常工作