Append Element Que Sean Igual (==) A Variable new Date

• 0
  Luis Sabi
  16/02/2017 17:56
  Buenas Amigos, Aquí Les Muestro El Código T Por Medio de Comentario Les Dire Lo Que Quiero.
  
  <table>
  <tr class="data-team" data-date="21-01-2017 13:00"><td>Items 1</td></tr>
  <tr class="data-team" data-date="02-02-2017 08:30" ><td>Items 2</td></tr>
  <tr class="data-team" data-date="30-01-2017 10:00" ><td>Items 3</td></tr>
  </table>
  
  <div class="Aquí">
  <span>Aquí Se agregaran Los Items</span>
  </div>
  
  
  
        <script>
  
  function ocultarPorFecha() {
       
  var fechaActual = new Date();
  // 2) RECUPERO TODOS LOS TR QUE TIENE LA CLASE .date-team y Convierto el NodeList en un Array para poder recorrerlo
       
  var partidos = Array.prototype.slice.call(document.querySelectorAll('tr.date-team'));
       
  // 3) Utilizo el metodo forEach para recorrer el array
       
  partidos.forEach(function(element, index) {
  
  var fechaInicioPartido = element.getAttribute('data-date'); // 5) obtengo la fecha del partido
  fechaInicioPartido = construyeFecha(fechaInicioPartido); // 6) covierto la fecha con tu funcion
  
  // Esta Linea Funciona Excelentemente, Me Escoge Los Items Cuyo Atributo Data Data Son > A Le Fecha Actual.
  if (fechaActual > fechaInicioPartido){
  $(element).css("background", "#fc0");
  $(element).clone().appendTo('.Aquí');
  }
  //Igualmente Esta Linea Funciona.
  if (fechaActual < fechaInicioPartido){
  $(element).css("background", "#09c");
  $(element).clone().appendTo('.Aquí');
  }
  ///// Esta Linea Si No Trabaja, No Me Escoge Los Items Cuyo data-date Son == A FechaActual
  if (fechaActual == fechaInicioPartido){
  $(element).css("background", "#fc0");
  $(element).clone().appendTo('.Aquí');
  }
  });
  
  }
  
  function construyeFecha(stringfecha) {
  var dia = parseInt(stringfecha.substring(0, 2));
  var mes = parseInt(stringfecha.substring(3, 5)) - 1;
  var anio = parseInt(stringfecha.substring(6, 10));
  var hora = parseInt(stringfecha.substring(11, 13));
  var minuto = parseInt(stringfecha.substring(14, 16));
  return new Date(anio, mes, dia, hora, minuto);
  }
  
  window.addEventListener('load', ocultarPorFecha);
  </script>

  Responder

  Responder

  Para comentar tienes que estar registrado. Registrate

  Publicar comentario