Vue Moment 增加 6 个月并从现在开始使用答案

【问题标题】：Vue Moment add 6 months and use from nowVue Moment 增加 6 个月并从现在开始使用
【发布时间】：2020-11-15 16:27:51
【问题描述】：

是否可以将 6 个月添加到日期并从现在开始使用 Vue Moment 在一行代码中使用

我在想这样的事情：

date | moment('add', '6 months', 'DD/MM/YYYY') | moment('from', 'now')

或者这个

date | moment('from', 'now', 'add', '6 months')

但是这些方法不起作用，有什么想法吗？有没有可能？

【问题讨论】：

标签： vue.js momentjs

【解决方案1】：

你可以使用chaining

date | moment("add", "6 months", "from", "now")

【讨论】：

【解决方案2】：

就像在第一次尝试中一样，只需将一个过滤器逐个传递，但不更改返回的格式，因此Date 对象仍然可用于下一个过滤器：

{{ date | moment("add", "6 months") | moment("from", "now") }}

在这里查看它的工作原理：

Vue.use(vueMoment)

new Vue({
  el: "#app",
  data () {
    return {
      date: new Date(2014, 1, 1)
    }
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-moment@4.1.0/dist/vue-moment.min.js"></script>

<div id="app">
  <span>{{ date | moment("add", "6 months") | moment("from", "now") }}</span>
</div>

【讨论】：