Tengo fecha de inicio y fecha de finalización, HTML a continuación:

 <div class="wrapper"> <div class="form-group"> <label class="col-form-label col-sm-3 required">Start Date</label> <div class="col-sm-9"> <input name="startDate" type="text" class="validation-invalid-label" value="03-10-2024"> </div> </div> <div class="form-group"> <label class="col-form-label col-sm-3 required">End Date</label> <div class="col-sm-9"> <input name="endDate" type="text" class="valid" value="02-10-2025"> </div> </div> </div>

Establecí la fecha de inicio, por ejemplo, 10-03-2022 y la fecha de finalización 10-02-2023. Luego me enfoco en la fecha de inicio y la configuro en 10-03-2024, que no es correcta por validación (el texto se vuelve rojo). Para solucionarlo puse fecha de finalización al 10-02-2025. La fecha de finalización se vuelve negra como debe ser, pero la fecha de inicio permanece roja (se vuelve negra solo cuando me enfoco en ella). Mi código a continuación:

 $(selector).validate({ rules: { startDate: { required: true }, endDate: { required: true, dependsOnDate: { comparisonDate: `input[name="startDate"]`, method: 'isAfter' } } }, messages: { startDate: { required: "Invalid date", }, endDate: { required: "Invalid date", dependsOnDate: "Invalid date" }, }, errorClass: 'validation-invalid-label', successClass: 'validation-valid-label', highlight: function(element, errorClass, validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element).parents('.wrapper').addClass('has-error'); }, unhighlight: function(element, errorClass, validClass) { if (!_.some(_.keys(this.invalid), key => !_.isUndefined(this.invalid[key]) && this.invalid[key]!== false)) { $(element).removeClass(errorClass).addClass(validClass); $(element).parents('.wrapper').removeClass('has-error'); } }, });

Entonces, necesito eliminar errorClass de la fecha de inicio si la fecha de finalización es correcta. Mi método personalizado:

 $.validator.addMethod("dependsOnDate", function(value, element, params) { const givenDate = moment(value); const comparisonDate = moment($(params.comparisonDate).val()) return givenDate[params.method](comparisonDate); });