VUE Обратный отсчет 3 лет

#vue.js #momentjs #countdown #countdowntimer

Вопрос:

Мне нужно создать обратный отсчет для даты истечения срока действия в приложении VUE 3. Мне нужен формат ГГГГ/ММ/ДД. мои результаты поиска были с использованием Moment.js.

После установки с помощью:

 npm i moment  

Я не мог понять, как правильно его использовать.

Мой Код :

 lt;templategt;  lt;pgt; Remaining time: {{moment(moment(30-9-2022) - moment(new Date())}}   lt;/pgt; lt;/templategt;   lt;scriptgt;  import moment from "moment";   export default {  methods:{  moment,  }   } lt;/scriptgt;  

Ответ №1:

Я не мог найти правильное применение для этой конкретной проблемы в ходе своих исследований, поэтому я подумал, что было бы полезно опубликовать ее.

Правильный Синтаксис :

 lt;templategt;  lt;pgt;   {{ getRmainTime() }}  lt;/pgt; lt;/templategt;   lt;scriptgt;  import moment from "moment";   export default {  methods:{  getRmainTimeToExp() {  return `${moment  .duration(moment(this.user.exp_time) - moment(new   Date())).years()} years,   ${moment.duration(moment(this.user.exp_time) -   moment(new Date())).months()} months,   ${moment.duration(moment(this.user.exp_time) -   moment(new Date())).days()} days`;  },  }   } lt;/scriptgt;   ```