Quiero llenar este datatable con una consulta que se encuentran en dos inputs  
como lleno el data table.

INPUTS -------------------

formato de fechas `Y-m-d`

                    <input type="date" name="fecha_inicio" id="fecha_inicio">
                    <input type="date" name=" fecha_final" id="fecha_final">



estos son los valores que deseo buscar en la tabla espesificamente.

    var fecha1= $('fecha_inicio');
    var fecha2= $('fecha_final');

 no se si se podra a travez de server_side.. como lleno la tabla personalizada


    function listar(){
        var table = $("#dataServicio").DataTable({
            "destroy":true,
            "scrollX": true,
            "order": [ 0, 'desc' ],
           "ajax":{
                "method":"POST",
                "url":"ajax/servicios_listar.php"
            },
            "columns":[
                {"data":"id_prod"},
                {"data":"nombre_cat"},
                {"data":"fecha"},
                {"data":"descripcion_p"}
              ],
           
        });

    }

ESTE ES EL SERVICIOS LISTAR QUE LLAMA EL AJAX.

    require ("../config/conexion.php");

    $sql = "SELECT * FROM servicios, catservicios   WHERE estado_p = 1 AND tipo_p=id_cat ";
    $resultado = mysqli_query($conectahugo, $sql);
    
    //si no hay reultado imprimimos que diga error 
    if (!$resultado) {
        die('Error no hay datos');
    }else{
        while ($data = mysqli_fetch_assoc($resultado)) {
            $arreglo["data"][]=$data;
            
        }
    //pasamos los datos json
        echo json_encode($arreglo);
    }
    
    mysqli_free_result($resultado);


    mysqli_close($conectahugo);