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);
        });
}