Quiero encontrar la cantidad de días entre dos fechas con vue js, pero no pude hacerlo de alguna manera.
Por ejemplo,
el inicio siempre será today y la fecha de finalización será la fecha de la base de datos.
En consecuencia, quiero mostrarle al usuario cuántos días quedan. si la fecha de hoy no ha pasado la fecha de finalización
10 days after ...today's date ha pasado la fecha de finalización10 days late .TODAY .componente
<p>{{'05/10/2021', '30/11/2021' | remainingday }}</p>aplicación.js
Vue.filter('remainingday ', function (start,end) { return });Prueba como el siguiente fragmento:
new Vue({ el: '#demo', data(){ return { start: new Date(), end: new Date() } }, filters: { remainingday (start, endDate) { const end = new Date(endDate) if(start.toDateString() === end.toDateString()) { return 'TODAY' } const difDays = Math.floor((start.getTime() - end.getTime()) / (1000 * 3600 * 24)) return difDays > 0 ? `PAYMENT DELAYED FOR ${difDays} DAYS ` : `${difDays * -1} DAYS LEFT` } } }) Vue.config.productionTip = false Vue.config.devtools = false <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <label>Chose end date</label> <input type="date" v-model="end" /> <p>{{start, end | remainingday }}</p> </div>Opino que este código funciona
Vue.filter('remainingday', function (value,start,end) { return value.match(start) }) <p>{{ '' | remainingday('05/10/202','30/11/2021') }}</p>