Tengo una tabla la cual quiero filtrar con selects personalizados en alguna de las columnas (no todas). No encuentro la manera de que al desplegar el select me salgan los valores exclusivos que yo quiero que busque sino que me salen todos los valores en el desplegable. Por otro lado, uno de los selects me gustaría que fuese un calendario personalizado, es decir, facturas de Abril 2018... mayo 2018 y no que me despliegue todas las fechas que hay con los dias meses y años. Tengo el siguiente script:
<script>
$(document).ready(function() {
$('#example').DataTable( {
initComplete: function () {
this.api().columns([2, 3, 8]).every( function (i) {
if (i == 2)
{
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
}
else if (i == 3)
{
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
}
else if (i == 8)
{
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
}
} );
}
} );
} );
</script>