0

Tengo la siguiente tabla y me gustaria que al dar click a un boton esconder algunas filas en base a una condicion en el valor que tenga

<table class="uk-table" id="mitabla">
                    <thead>
                        <tr>
                            <th>
                                Oficina
                            </th>
                            <th>
                                Numero de Oficina
                            </th>
                            <th>
                                Turno
                            </th>
                            <th>
                                Status
                            </th>
                            <th>
                                tipo de tramite
                            </th>
                            <th>
                                Acción
                            </th>
                        </tr>
                    </thead>
                    <tbody id="body_tramites">
                        <?php 
                        while ($mostrar=mysqli_fetch_row($result)) {
                        ?>
                        <tr>
                            <td><?php echo $mostrar[0]?></td>
                            <td><?php echo $mostrar[1]?></td>
                            <td><?php echo $mostrar[2]?></td>
                            <?php

                            $cron= $mostrar[3];
                            if($cron<$time){ 
                                 echo "<td class=\"verde\">".$cron."</td>" ;
                                }
                                elseif($cron>$time){ 
                                 echo "<td class=\"rojo\">".$cron."</td>" ;
                                }  ?>
                            <td><?php echo $mostrar[4]?></td>
                            <td><i data-toggle="modal" data-target="#modal_comprobacion" class="material-icons uk-text-primary md-icon uk-form-file" >search</i></td>
                        </tr>
                        <?php   
                        }
                        ?>
                    </tbody>
                </table>

intenté con esto:

$('#mostrarVencidos').click(function() {
    $("table tr td").each(function() {
        var tiempo = "00:00:30";
        var celda = $.trim($(this).text());
        if (celda < tiempo) {
            $(this).parent().hide();
        }
    });
});
$('#mostrarEnTiempo').click(function() {
    $("table tr td").each(function() {
        var tiempo = "00:00:30";
        var celda = $.trim($(this).text());
        if (celda > tiempo) {
            $(this).parent().hide();
        }
    });
});

SIN EXITO: En #mostrarVencidos si me muestra correctamente y en el otro oculta todos

0

1 respuesta 1

-1

Lo mejor sería parsear a un valor numerico para realizar las comparaciones. Ya que no es conveniente comparar String con "mayor o menor que".

Crea una función para obtener los segundo del string (HH:MM:SS) o simplemente coloca el codigo de manera directa.

function getSeconds(string) {
    var x = string.split(':');
    // Asumiendo que el formato siempre será HH:MM:SS
    var seconds = (+x[0]) * 360 + (+x[1]) * 60 + (+x[2]); 
}

$('#mostrarVencidos').click(function() {
    $("table tr td").each(function() {
        var tiempo = "00:00:30";
        var celda = $.trim($(this).text());
        if (getSeconds(celda) < getSeconds(tiempo)) {
            $(this).parent().hide();
        }
    });
});
$('#mostrarEnTiempo').click(function() {
    $("table tr td").each(function() {
        var tiempo = "00:00:30";
        var celda = $.trim($(this).text());
        if (getSeconds(celda) > getSeconds(tiempo)) {
            $(this).parent().hide();
        }
    });
});

Sin embargo sería conveniente verificar antes que los valores sea netamente numéricos y que existan en la función para obtener los segundos

function getSeconds(string) {
    var x = string.split(':');
    var hh = x[0] === undefined || isNaN(parseFloat(x[0])) ? 0 : parseInt(x[0]);
    var mm = x[1] === undefined || isNaN(parseFloat(x[1])) ? 0 : parseInt(x[1]);
    var ss = x[2] === undefined || isNaN(parseFloat(x[2])) ? 0 : parseInt(x[2]);
    // minutes are worth 60 seconds. Hours are worth 60 minutes.

        // Asumiendo que el formato siempre será HH:MM:SS

    var seconds = (+hh) * 360 + (+mm) * 60 + (+ss); 
    return seconds;
}
1
  • 1
    Al menos podría indicar el porque colocan -1.
    – DMA VE
    Commented el 9 mar. 2018 a las 14:05

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.