Filtrar entre fechas con Javascript

[erpakillo]

Iniciado por Alexis88

Puedes usar dos <input type="date" /> o el widget [URL="https://jqueryui.com/datepicker/"][inline]datepicker[/inline][/URL] de jQuery UI para seleccionar las fechas. Ambas llegarán al lado del servidor y la consulta tendría que tener una forma similar a la siguiente:

Código MySQL:

SELECT [campos] FROM [tabla] WHERE [campo] BETWEEN [fecha1] AND [fecha2]
 

Un saludo

Hola, muchas gracias por la respuesta. Ya lo he podido hacer, pongo como lo he hecho por si a alguien le sirve:

Código PHP:

 <h1>Siniestros</h1> 
<input type="date" id="fecha1" value="<?=$_GET['fecha1']?>"/> 
<input type="date" id="fecha2"  value="<?=$_GET['fecha2']?>"/> 
<input type="search" placeholder="Compa&ntilde;&iacute;a o cliente" id="buscarSiniestro"  value="<?=$_GET['buscar']?>"> 
<button onclick="buscarSiniestro('contenido','siniestros','listar')">Buscar</button> 
 <?php 
include "../conexion.php"; 
if(isset($_GET['buscar']) and $_GET['buscar']!="") { 
    $condicion = "WHERE nombrecia LIKE '%".$_GET['buscar']."%' or idcliente LIKE '%".$_GET['buscar']."%'or matricula LIKE '%".$_GET['buscar']."%'or marca LIKE '%".$_GET['buscar']."%'or modelo LIKE '%".$_GET['buscar']."%'or nsiniestro LIKE '%".$_GET['buscar']."%'"; 
}elseif(isset($_GET['fecha2'])) { 
    $fecha1 = $_GET['fecha1']; 
    $fecha2 = $_GET['fecha2']; 
$condicion = "WHERE fechasiniestro BETWEEN '$fecha1' and '$fecha2'"; 
}else{ 
$condicion = "";     
} 
$articulos = mysqli_query($mysqli,"SELECT * FROM siniestros $condicion"); 
if($art = mysqli_fetch_array($articulos)) { 
    echo '<table width="100%" class="listado">'; 
    echo '<tr> 
    <td>Fecha Siniestro</td> 
    <td>Matr&iacute;cula</td> 
    <td>Marca</td> 
    <td>Modelo</td> 
    <td>Compa&ntilde;&iacute;a</td> 
    </tr>'; 
    do{ 
        $idart = $art['idcia']; 
$articulo2 = mysqli_query($mysqli,"SELECT * FROM companias WHERE id = '$idart'"); 
$art2 = mysqli_fetch_array($articulo2); 
    echo '<tr onclick="verSiniestro('.$art['id'].')"> 
    <td>'.cFecha($art['fechasiniestro']).'</td> 
    <td>'.$art['matricula'].'</td> 
    <td>'.$art['marca'].'</td> 
    <td>'.$art['modelo'].'</td> 
    <td>'.$art2['nombre'].'</td> 
    <td height= "17" bgcolor="#638cb5"><button type="button" name="modificar" onclick="verSiniestro('.$art['id'].')">Modificar</button></td>'; ?> 
    <td height= "17" bgcolor="#638cb5"><button type="button" name="borrar"  onclick="borrarID(<?=$art['id']?>,'siniestros','listar','siniestros')">Borrar</button></td> 
        <?php echo' 
    </tr>'; 
    }while($art = mysqli_fetch_array($articulos)); 
    echo '</table>'; 
}else{} 
?>   

y así quedaría el Javascript:

Código PHP:

  function buscarSiniestro(div) { 
    var query = document.getElementById("buscarSiniestro"); 
    var f1 = document.getElementById("fecha1"); 
    var f2 = document.getElementById("fecha2"); 
    cargando(1); 
    $.get("siniestros/listar.php",{ buscar : query.value, fecha1 : f1.value, fecha2 : f2.value},function(mostrar){ 
        document.getElementById(div).innerHTML = mostrar; 
        cargando(2); 
        }); 
}