Pisahkan data yang dikembalikan mengikut tarikh

Question

Saya mengembalikan borang saya seperti berikut, di mana saya mempunyai dua keputusan yang dijangkakan untuk ke-12 dan ke-13.

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

var linha = ``;

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

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

  jika (Data != Data) {
    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">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" >
            </div>`;

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

})</code>

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

<div class="histpturno"></div></code></pra>
<p><br /></p>
<p>Saya akan membahagikan keputusan mengikut hari. Contohnya, sebelum keputusan ke-12, tunjukkan tajuk di dalam if, kemudian hanya tunjukkan tajuk semula apabila keputusan ke-13 dikembalikan </p>
<p>Saya cuba menggunakan if untuk mencapai kesan yang diingini tetapi ia tidak berjaya, ia tidak pernah mengembalikan tajuk. Tajuk yang saya maksudkan ialah di dalam jika: </p>
<pre class="brush:php;toolbar:false;"><div class="card-header">Data Passagem de Turno - ${Data}</div>

Answer 1

Adalah jelas bahawa ini tidak akan pernah benar, bukan? Data tidak berubah antara akses baca pada kedua-dua belah operator perbandingan.

Anda perlu membandingkan nilai semasa dengan nilai sebelum rekod yang diproses. Cara paling mudah ialah menyimpan nilai sebelumnya ke dalam pembolehubah dan memulakannya kepada nilai yang tidak akan muncul dalam data sebenar (jadi ia akan kembali benar apabila disemak pada rekod pertama).

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>