es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • Cómo validar vue-ctk-date-time-picker utilizando vuetify en Vuejs con reglas de validación?

Cómo validar vue-ctk-date-time-picker utilizando vuetify en Vuejs con reglas de validación?

16 Jul, 2023 Programación

Estoy tratando de aplicar la validación requerida para vue-ctk-date-time-picker usando :rules.

Funciona para otros elementos, pero no funciona para vue-ctk-date-time-picker.

Por favor, corríjame.

Aquí está el script que estoy intentando:

dateTimePickerRules: [(v) => !!v || 'Este campo es requerido'],

<vue-ctk-date-time-picker
    id="RangeDatePicker"
    v-model="tempInterpreterProjectDate"
    classname="form-control"
    color="dodgerblue"
    :only-date="true"
    :no-shortcuts="true"
    format="YYYY-MM-DD"
    formatted="ddd, MM/DD/YYY"
    :range="true"
    :rules="dateTimePickerRules"
    @input="selectedInterperateDate"
></vue-ctk-date-time-picker>
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que estás intentando aplicar validación requerida a vue-ctk-date-time-picker usando :rules, pero no está funcionando.

    Primero, por favor asegúrate de haber importado correctamente VeeValidate y haberlo configurado correctamente en tu archivo main.js.

    Luego, puedes intentar usar la regla required en lugar de crear una regla personalizada:

    :rules="{ required: true, message: 'Este campo es requerido' }"

    Alternativamente, puedes intentar usar una regla personalizada y verificar la longitud de tempInterpreterProjectDate:

    dateTimePickerRules: [(v) => (v && v.length > 0) || 'Este campo es requerido'],

    Por favor avísame si estas soluciones funcionan para ti.

Comments are closed.