使用 Nuxt 和 @nuxtjs/moment 获取两个日期之间的差异

Question

我是 Nuxt 的新手，当我使用此代码来获取两个日期（用户输入日期和现在）之间的差异时遇到问题，它可以工作，但是当输入日期为 '2020-03- 31' 或 '2020-01-30' 控制台显示 NaN 年 NaN 月 NaN 日

如何解决这个问题？我做错了什么？

我猜 moment 模块中的月份从 0-11 开始，但我的月份输入是 1-12 或者有人可以给我一个示例代码（获取不同的 2 个日期输出年、月、日）

使用模块：https://www.npmjs.com/package/@nuxtjs/moment

methods: {
    //example input format >>> date = '2020-08-21'
    calcDate(date){
      let nowDate = moment(new Date().toISOString().substr(0, 10).split('-'));
      let pickDate = moment(date.toString().substr(0, 10).split('-'));
      let dateDiff = moment.duration(nowDate.diff(pickDate));
      console.log(dateDiff.years() + ' years ' + dateDiff.months() + ' month ' + dateDiff.days() + ' day ')
    }

},

谢谢！

Answer 1

解析日期时可以mention the date format

methods: {
    //example input format >>> date = '2020-08-21'
    calcDate(date){
      let nowDate = moment();
      let pickDate = moment(date.toString(), 'YYYY-MM-DD');
      let dateDiff = moment.duration(nowDate.diff(pickDate));
      console.log(dateDiff.years() + ' years ' + dateDiff.months() + ' month ' + dateDiff.days() + ' day ')
    }

},

使用 Nuxt 和 @nuxtjs/moment 获取两个日期之间的差异

Get the difference between two dates using Nuxt and @nuxtjs/moment

javascript

web-frontend

momentjs

vue.js

nuxt.js