Vue +卢克松格式的卢克松滤波器

Question

我是说在我的Vue组件中使用卢克松。我把图书馆和它的作品都进口了。

我使用卢克逊滤波器作为：

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

这种语法适用于时间戳格式，但现在我想使用其他格式作为示例：

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

我已经阅读了npm 套餐和图书馆的正式文档，但是我没有得到结果。

当组件呈现时，显示此错误消息：

app.js:101907 Vue警告:呈现错误：“不可解析的”

我知道问题在于字符串的格式，但我不知道如何更改输入格式的类型。在metode中的工作如下：

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>

应该正常工作