Vue + Luxon - 使用 Luxon Filter 格式化

Question

我声明要在我的 Vue 组件中使用 Luxon。我已经导入了这个库，它可以正常工作。

我使用 Luxon 过滤器作为：

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

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

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

我已经阅读了 npm 的官方文档 package and also of the library 但我没有得到结果。

组件渲染时显示此错误消息：

app.js:101907 [Vue 警告]：渲染错误：“无法解析”

我知道问题出在字符串的格式上，但我不知道如何更改输入格式的类型。在方法中工作为：

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

查看 Docs and the site 这个：

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

应该可以正常工作

Vue + Luxon - 使用 Luxon Filter 格式化

Vue + Luxon - Format using Luxon Filter

vue.js

date

format

momentjs

luxon