Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

235
Vistas
¿Cómo puedo habilitar solo ciertas fechas cuando uso q-date?

estoy usando el componente q-date en mi proyecto quasar. Mi propósito de uso es que el usuario seleccione solo los días que están habilitados y quiero mostrar los otros días como deshabilitados. Lo escribí con pug por cierto

 q-input.q-ma-md(readonly clearable v-model="options.date" dense outlined) template(v-slot:prepend) q-icon.cursor-pointer(name="event") q-popup-proxy(transition-show="scale" transition-hide="scale") q-date(v-model="options.date" :options="dataActiveOrNot" mask="YYYY-MM-DD") data() { return { options: [ { id: 1, title: 'Event 1', time: '10:00', details: 'This is a test event', date: '2022-06-03', type: 'active' }, { id: 2, title: 'Event 2', time: '11:00', details: 'This is a test event', date: '2019-10-01', type: 'closed' }, { id: 3, title: 'Event 3', time: '12:00', details: 'This is a test event', date: '2019-10-01', type: 'active' }, { id: 4, title: 'Event 4', time: '13:00', details: 'This is a test event', date: '2019-10-01', type: 'active' }, { id: 10, title: 'Event 10', time: '19:00', details: 'This is a test event', date: '2019-10-01', type: 'active' } ], } methods: { dataActiveOrNot() { for (let i = 0; i < options.length; i++) { console.log(options[i].date) if (options[i].type == 'active') { return options[i].date } } },

No puedo encontrar dónde estoy haciendo mal, ¿pueden ayudarme? tus respuestas serán recompensadas

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda