Skip to main content
explicar mas detalles
Origen Enlace
keos
  • 21
  • 4

tengo un grupo de eventos que obtengo de una base de datos pero algunos eventos se crean en el mismo dia.. al mostrarlos en un timeline de bootstrap encima los eventos al tener la misma fecha.. como podria separarlos? o que el atributo data-date sea un datetime en vez de un time.date que usa el script del bootstrap (horizontal-timeline.js)

<!-- .timeline -->
<div class="events-content">
  <ol>
    <li<?php
 class="selected" data-date="16/01/2019">  $selected = 'class="selected"';  
    $sql2 = <!$conexion->query("SELECT * FROM loghistorial WHERE 
            folioth='$foliot'  ORDER BY id_logh ASC");
    while ($row2 = $sql2->fetch_assoc()){
 cuerpo          $logh = $row2["logh"];//texto del evento -->
    <       $f_logh = $row2["fecha_logh"];/li>/fecha evento 16/01/2019
           $h_logh = $row2["hora_logh"];//hora 11:33:38 
    ?>
    <li <?php echo $selected; ?> data-date="16/01/2019">date="<?php echo $f_logh; ?>">
      <!-- cuerpo de otrodel evento misma fecha -->
       <?php echo $logh; ?>
    </li>
  </ol>
  <?php
  $selected = '';  
  }//fin del While
  ?>
</div>
<!-- .fin de timeline -->

tengo un grupo de eventos que obtengo de una base de datos pero algunos eventos se crean en el mismo dia.. al mostrarlos en un timeline de bootstrap encima los eventos al tener la misma fecha.. como podria separarlos? o que el atributo data-date sea un datetime en vez de un time..

<!-- .timeline -->
<div class="events-content">
  <ol>
    <li class="selected" data-date="16/01/2019">
      <!-- cuerpo del evento -->
    </li>
    <li data-date="16/01/2019">
      <!-- cuerpo de otro evento misma fecha -->
    </li>
  </ol>
</div>
<!-- .fin de timeline -->

tengo un grupo de eventos que obtengo de una base de datos pero algunos eventos se crean en el mismo dia.. al mostrarlos en un timeline de bootstrap encima los eventos al tener la misma fecha.. como podria separarlos? o que el atributo data-date sea un datetime en vez de un date que usa el script del bootstrap (horizontal-timeline.js)

<!-- .timeline -->
<div class="events-content">
  <ol>
    <?php
    $selected = 'class="selected"';  
    $sql2 = $conexion->query("SELECT * FROM loghistorial WHERE 
            folioth='$foliot'  ORDER BY id_logh ASC");
    while ($row2 = $sql2->fetch_assoc()){
           $logh = $row2["logh"];//texto del evento 
           $f_logh = $row2["fecha_logh"];//fecha evento 16/01/2019
           $h_logh = $row2["hora_logh"];//hora 11:33:38 
    ?>
    <li <?php echo $selected; ?> data-date="<?php echo $f_logh; ?>">
      <!-- cuerpo del evento -->
       <?php echo $logh; ?>
    </li>
  </ol>
  <?php
  $selected = '';  
  }//fin del While
  ?>
</div>
<!-- .fin de timeline -->

Origen Enlace
keos
  • 21
  • 4

¿Como mostrar 2 eventos en la misma fecha en un timeline horizontal de bootstrap?

tengo un grupo de eventos que obtengo de una base de datos pero algunos eventos se crean en el mismo dia.. al mostrarlos en un timeline de bootstrap encima los eventos al tener la misma fecha.. como podria separarlos? o que el atributo data-date sea un datetime en vez de un time..

<!-- .timeline -->
<div class="events-content">
  <ol>
    <li class="selected" data-date="16/01/2019">
      <!-- cuerpo del evento -->
    </li>
    <li data-date="16/01/2019">
      <!-- cuerpo de otro evento misma fecha -->
    </li>
  </ol>
</div>
<!-- .fin de timeline -->