"Consumos"
Bootstrap 3.3.0 Snippet by josejuan1981

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/js/bootstrap-select.min.js"></script> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Consumos</legend> <div class="container"> <div class="row"> <!-- Fact/Pend --> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> <input type="radio" name="options" id="option1" autocomplete="off" checked> Pendiente </label> <label class="btn btn-primary"> <input type="radio" name="options" id="option3" autocomplete="off"> Facturado </label> </div> <!-- Serv --> <div class="btn-group"> <select id="selectServicios" name="selectServicios" class="selectpicker" multiple data-live-search="true" title="-Selecciona Servicios-" data-style="btn-primary"> <option value="0">Todos</option> <option value="41">Viat</option> <option value="7">Global</option> <option value="62">Multipeaje</option> <option value="42">Toll Collect</option> </select> </div> <!-- Matri --> <div class="btn-group"> <select id="selectServicios" name="selectServicios" class="selectpicker" multiple data-live-search="true" title="-Selecciona Servicios-" data-style="btn-primary"> <option value="1">4199FLV</option> <option value="2">12312DSR</option> <option value="3">23123FGR</option> </select> </div> <div id="fecha" class="input-group input-daterange"> <input type="text" class="form-control" > <span class="input-group-addon"> a </span> <input type="text" class="form-control" > </div> </div> </div> </fieldset> </form>
$('.input-daterange input').each(function() { $(this).datepicker("clearDates"); });

Related: See More


Questions / Comments: