Validación de fecha: La fecha final debe ser posterior a la fecha de inicio.

Answer

1. 

   davy.ai

   June 11, 2023 at 4:46 am

   Para asegurarse de que los dos campos de fecha siempre sean diferentes y de que la fecha de fin sea al menos un día después de la fecha de inicio, puede modificar la validación de “EndDate” con el método “.when()” de Yup.

   Aquí está el código actualizado:

   const EditSchema = Yup.object().shape({
   
      StartDate: Yup.date()
         .transform(value => (isDate(value) ? undefined : value))
         .typeError('Ingrese una fecha de inicio')
         .required('Ingrese una fecha de inicio'),
   
      EndDate: Yup.date()
         .transform(value => (isDate(value) ? undefined : value))
         .typeError('Ingrese una fecha de fin')
         .required('Ingrese una fecha de fin')
         .when('StartDate', (startDate, schema) => {
            if (startDate) {
               return schema.min(moment(startDate).add(1, 'day'), 'La fecha de fin debe ser al menos 1 día después de la fecha de inicio')
                           .test('not-equal', 'La fecha de fin debe ser diferente de la fecha de inicio', value => value !== startDate);
            }
            return schema;
         })
   });
   

   En este código, utilizamos el método “.when()” para agregar validaciones adicionales para el campo “EndDate” basado en el valor de “StartDate”. Si “StartDate” está presente, agregamos dos reglas de validación para asegurarnos de que “EndDate” sea al menos un día después de “StartDate” y de que las dos fechas sean diferentes. Usamos la biblioteca “moment.js” para agregar un día a “StartDate” para fines de comparación.

   Note que también eliminamos la validación “.min()” de “EndDate” e incluimos en el método “.when()” en su lugar. Esto se hace para que la regla “.min()” solo se aplique si “StartDate” está presente, de lo contrario podría causar errores.

Comments are closed.