He intentado por mucho hacer un buscador de rango de fechas en codeigniter por medio de ajax y datatables, pero simplemente no lo he conseguido :(, el siguiente código que he logrado hacer es para que me muestre todos los datos de la base de datos, pero al querer realizar el buscador simplemente no lo consigo, ayuda por favor.
Esta es mi tabla de momento la cual muestra todos los datos sin la el proceso de selección de fechas.
Este código es la inicializacion del datatable el cual muestra la informacion por ajax de TODOS los datos de la base de datos y aplico el selector de fechas de daterangepicker para los inputs, los cuales estan vacíos antes de seleccionar la fecha de inicio y fin
/* VER ORDENES DE TRABAJO SERVICIO TECNICO */
$(document).ready(function () {
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
$('#tablaReportePloteo').DataTable().responsive.recalc();
$('#tablaReporteServicioTecnico').DataTable().responsive.recalc();
})
$('#tablaReporteServicioTecnico').DataTable({
ajax: 'http://localhost/ci3/reportes/mostrarServicioTecnico',
dom: '<"datatable-header"fBl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
order: [],
responsive: true,
autoWidth: false,
processing: true,
language: {
"sProcessing": "Procesando...",
"sZeroRecords": "No se encontraron resultados",
"sEmptyTable": "Ningún dato disponible en esta tabla",
"sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
"sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
"sInfoPostFix": "",
"sUrl": "",
"sInfoThousands": ",",
"sLoadingRecords": "Cargando...",
"oAria": {
"sSortAscending": ": Activar para ordenar la columna de manera ascendente",
"sSortDescending": ": Activar para ordenar la columna de manera descendente"
},
// Select2 for length menu styling
// Initialize
search: '<span>Filtro:</span> _INPUT_',
searchPlaceholder: 'Escriba para buscar...',
lengthMenu: '<span>Mostrar:</span> _MENU_',
paginate: {
'first': 'First',
'last': 'Last',
'next': $('html').attr('dir') == 'rtl' ? '←' : '→',
'previous': $('html').attr('dir') == 'rtl' ? '→' : '←'
}
},
buttons: {
dom: {
button: {
className: 'btn btn-light'
}
},
buttons: [
{
extend: 'copy',
text: 'Copiar'
},
{
extend: 'csv',
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7]
}
},
{
extend: 'excel',
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7]
}
},
{
extend: 'pdf',
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7]
}
},
{
extend: 'print', text: 'Imprimir',
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7]
}
}
]
}
})
$('.dataTables_length select').select2({
minimumResultsForSearch: Infinity,
dropdownAutoWidth: true,
width: 'auto'
});
});
$('#fechaInicio').daterangepicker({
singleDatePicker: true,
locale: {
format: 'DD/MM/YYYY'
}
});
$('#fechaInicio').val('')
$('#fechaFin').daterangepicker({
singleDatePicker: true,
locale: {
format: 'DD/MM/YYYY'
}
});
$('#fechaFin').val('')
Este es el controlador en el cual obtengo todos los datos de la base de datos para posterior "dibujar" el datatable que recibe el ajax del codigo de arriba
/* MOSTRAR ORDENES DE TRABAJO */
public function mostrarServicioTecnico() {
$resultadoList = $this->reportes_model->mostrarServicioTecnico();
$resultado = array();
$i = 1;
if (!empty($resultadoList)) {
foreach ($resultadoList as $key => $value) {
$fecha = $value['Fecha_OTServicioTecnico'];
setlocale(LC_ALL, 'spanish');
$fechaNueva = strftime("%d de %B de %Y a las %H:%M:%S", strtotime($fecha));
$nombreApellido = $value['Nombre_Cliente'] . ' ' . $value['Apellido_Cliente'];
if ($value['Estado_OTServicioTecnico'] == '1') {
$estado = '<span class="badge badge-primary">Vigente</span>';
} else {
$estado = '<span class="badge badge-danger">Anulada</span>';
}
/* CREACION DEL SELECTOR DENTRO DE LA TABLA PARA CAMBIAR SU ESTADO POSTERIORMENTE */
$estadoDocumento = $estado;
$acciones = '<div class="list-icons"><a href="#" id="verReporteOtServicioTecnico" value="' .
$value['ID_OTServicioTecnico'] . '" class="btn btn-primary btn-icon" type="button"><i class="icon-info22"></i></a>';
$total = '$' . $value['Total_OTServicioTecnico'];
$resultado['data'][] = array(
$i++,
$nombreApellido,
$value['Nombre_Documento'],
$estado,
$value['NumeroDocumento_OTServicioTecnico'],
$value['Descripcion_OTServicioTecnico'],
$fechaNueva,
$total,
$acciones
);
}
} else {
$resultado['data'] = array();
}
echo json_encode($resultado);
}
Por último pero no menos importante, tengo las consultas a la base de datos, son 2, la primera es para seleccionar todos los datos de la base de datos, y la segunda la cree con la intencion de darle uso por medio del controlador que no consigo la forma de hacerla funcionar, el único funcional es el primero
/* MOSTRAR ORDEN DE TRABAJO SERVICIO TECNICO */
public function mostrarServicioTecnico() {
$this->db->select('*');
$this->db->from('ot_servicio_tecnico');
$this->db->join('cliente', 'cliente.ID_Cliente = ot_servicio_tecnico.ID_Cliente');
$this->db->join('tipo_documento', 'tipo_documento.ID_Documento = ot_servicio_tecnico.ID_Documento');
$this->db->order_by('ID_OTServicioTecnico', 'ASC');
$query = $this->db->get();
return $query->result_array();
}
public function mostrarFechaServicioTecnico($fechaInicio, $fechaFin) {
$this->db->select('*');
$this->db->from('ot_servicio_tecnico');
$this->db->join('cliente', 'cliente.ID_Cliente = ot_servicio_tecnico.ID_Cliente');
$this->db->join('tipo_documento', 'tipo_documento.ID_Documento = ot_servicio_tecnico.ID_Documento');
$this->db->where("DATE_FORMAT(Fecha_OTServicioTecnico,'%Y-%m-%d') >='$fechaInicio'");
$this->db->where("DATE_FORMAT(Fecha_OTServicioTecnico,'%Y-%m-%d') <='$fechaFin'");
$this->db->order_by('ID_OTServicioTecnico', 'ASC');
$query = $this->db->get();
return $query->result_array();
}