Foundation 5 respecte js vérifie si la date est antérieure à une autre date

Question

j'utilise zurb foundation 5 et abide js pour avoir vérifié mon formulaire.Je dois vérifier si DATE1 est antérieur ou égal à DATE2

Comment puis-je vérifier s'il est valide avec abidejs?

Answer 1

La réponse courte est que vous ne pouvez pas vraiment utiliser Abe pour cela.Abide ne facilite pas la comparaison que vous devez faire avec les dates pour vérifier si l'une est supérieure ou égale à l'autre.Certains javascript personnalisés peuvent le faire pour vous, mais vous constaterez que Abide vous combattra pour le contrôle des messages d'erreur, ce qui signifie que vous devrez complètement supprimer Abide et effectuer vous-même toute la gestion des erreurs.

Voici une illustration de ce que je veux dire :

HTML

<div class="panel">
  <form data-abide class="date-form">
    <div class="date-1">
      <label>Date 1</label>
      <input type="date">
      <small class="error">This is not a valid date.</small>
    </div>
    <div class="date-2">
      <label>Date 2</label>
      <input type="date">
      <small class="error">Date 2 must be a valid date and fall on or after date 1.</small>
    </div>
    <button type="submit">Submit</button>
  </form>
</div>

Javascript

//lets do a check when one of the input values has changed
$('.date-form').on('change', '.date-1 input, .date-2 input', function() {
  //lets convert our dates to values we can do a comparison with
  date1 = Date.parse($('.date-1 input').val());
  date2 = Date.parse($('.date-2 input').val());

  //lets check that both values are valid numbers
  if ($.isNumeric(date1) && $.isNumeric(date2)) {
    //lets check if date 2 is not greater or equal to date one and throw an error
    if (date1 > date2) {
      //we have a problem add error class to date-2 for error message
      $('.date-2').addClass('error');
    }
  }
});

Cela va se battre avec respect.Voici un violon pour l'illustrer http://codepen.io/anon/pen/fiKFc.

La réponse est si longue que vous ne pouvez toujours pas vraiment utiliser Abe pour cela.Désolé.