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

Question

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

我在想这样的事情：

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

或者这个

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

但是这些方法都不管用，有什么想法吗？有可能吗？

Answer 1

它就像您第一次尝试时一样简单，只需一个接一个地输送过滤器，但不更改返回的格式，因此 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>

Answer 2

您可以使用 chaining

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

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

Vue Moment add 6 months and use from now

momentjs

vue.js