Diviser les données renvoyées par date

Question

Je renvoie mon formulaire comme suit, où j'ai deux résultats attendus pour le 12 et le 13.

<code>var data = [{
    Designacao: "Micro-ondas1",
    Chapitre : "Cozinha",
    Données : "2023-08-12",
  },
  {
    Designacao: "Exaustor cinzento 1",
    Capitule : "",
    Données : "2023-08-12",
  },
  {
    Designacao: "Mesa - Castanha -8 emplacements",
    Chapitre : "Sala",
    Données : "2023-08-13"
  },
  {
    Designacao : "cama",
    Capitule : "Quarto",
    Données : "2023-08-13",
  },
];

var ligne = ``;

Object.keys(data).forEach(i => {

  Designacao = data[i].Designacao;
  Chapitre = data[i].Capitulo;
  Données = données[i].Données ;

  si (Données != Données) {
    linha += `<div class="card-header">Data Passagem de Turno - ${Data}</div>`;
  }

  linha += `<div class="row col-md-12">
            <div class="col-md-4">
              <p class="form-label">Données </p>
              <input type="text" class="form-control" name="dataen" value="${Data}">
            </div>
            <div class="col-md-3">
              <p class="form-label">Code utilisateur </p>
              <input type="text" class="form-control" name="codigoen" value="${Capitulo}" désactivé="disabled">
            </div>
            <div class="col-12">
              <p class="form-label">Journal des enfermages </p>
              <textarea rows="6" class="form-control" name="didiarenf" >
            </div>`;

  $(".histpturno").html(ligne);

})</code>

<code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/ jquery.min.js"></script>

<div class="histpturno"></div></code>

Je vais diviser les résultats par jour. Par exemple, avant le 12ème résultat, affichez le titre à l'intérieur du if, puis affichez à nouveau le titre uniquement lorsque le 13ème résultat est renvoyé

J'ai essayé d'utiliser if pour obtenir l'effet souhaité mais cela ne fonctionne pas, il ne renvoie jamais le titre. Le titre auquel je fais référence est le suivant :

<div class="card-header">Data Passagem de Turno - ${Data}</div>

Answer 1

Il devrait être évident que cela ne sera jamais vrai, n'est-ce pas ? Data ne change pas entre les accès en lecture de part et d'autre de l'opérateur de comparaison.

Vous devez comparer la valeur actuelle avec la valeur de l'enregistrement traité avant

. Le moyen le plus simple consiste à stocker la valeur précédente dans une variable et à l'initialiser à une valeur qui n'apparaîtra pas dans les données réelles (elle renverra donc vrai lorsqu'elle sera vérifiée sur le premier enregistrement).

🎜

var data = [{
    Designacao: "Micro-ondas1",
    Capitulo: "Cozinha",
    Data: "2023-08-12",
  },
  {
    Designacao: "Exaustor cinzento 1",
    Capitulo: "",
    Data: "2023-08-12",
  },
  {
    Designacao: "Mesa - Castanha -8 Lugares",
    Capitulo: "Sala",
    Data: "2023-08-13"
  },
  {
    Designacao: "cama",
    Capitulo: "Quarto",
    Data: "2023-08-13",
  },
];

var linha = ``;
var prevData = null; // initialize

Object.keys(data).forEach(i => {

  Designacao = data[i].Designacao;
  Capitulo = data[i].Capitulo;
  Data = data[i].Data;

  if (Data !== prevData) { // compare; for safety using strict type checking
    linha += `<div class="card-header">Data Passagem de Turno - ${Data}</div>`;
  }
  prevData = Data; // update, so that this will hold the correct "previous" record on the next iteration

  linha += `<div class="row col-md-12">
            <div class="col-md-4">
              <p class="form-label">Data </p>
              <input type="text" class="form-control" name="dataen" value="${Data}">
            </div>
            <div class="col-md-3">
              <p class="form-label">Código Utente </p>
              <input type="text" class="form-control" name="codigoen" value="${Capitulo}" disabled="disabled">
            </div>
            <div class="col-12">
              <p class="form-label">Diário de Enfermagem </p>
              <textarea rows="6" class="form-control" name="didiarenf" > ${Designacao} </textarea>
            </div>`;

  $(".histpturno").html(linha);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="histpturno"></div>