#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; ```