[SOLUCIONADO] Agregar y borrar fechas en array desde input en Javascript

[Kursakez]

Quiero agregar y borrar fechas en un array desde un input. He conseguido agregarlas con la funcion fecha() pero me falta borrarlas (quiero hacerlo al pulsar Eliminar con la función eliminarFechas() que estaría por implementar).

A continuación el código de lo que tengo hecho:

Código:

<p id="div_salida"></p>
<script>
 var fechas = new Array();
       function fecha(){
             var fecha = document.getElementById('inputText').value;
             fechas.push(fecha);
                                    
             var pval="";
                                    
             for(i=0;i<fechas.length;i++){
                                        
                   pval=pval+fecha[i]+ " " + "<input type='button' name='eliminar' id='eliminar' value='Eliminar' onClick='eliminarFechas()'>" + "<br/>" ;
               }
                                    
               document.getElementById('div_salida').innerHTML=pval;
       }
</script>

<input type='date' class='tcal' name='inputText' id='inputText' onclick="this.value = ' '">

<input type='button' name='cr' id='cr' value='Insertar' onClick="fecha();">

Visualmente se vería así:




Gracias de antemano por la ayuda!!

[mortiprogramador]

Pues para eso puedes usar la función array.splice donde el primer parámetro es la posición a borrar,
y la segunda, el número de elementos a borrar a partir de la posición indicada.
En tu caso, el segundo parámetro siempre será 1.

Ahora, para enviar la posición correcta a borrar, aprovechando el ciclo que ya tienes es mandar la i
como parámetro en la función de eliminar.

Código Javascript:

//en el ciclo actual
eliminarFechas("+i+")
//la función nueva
function eliminarFechas(p)
{
    fechas.splice(p,1);
}
 

[xfxstudios]

Prueba asi:
PRUEBA

Código Javascript:

var fechas = [];
 
function agregaFecha(){
    var fecha = $("#inputText").val();
  
  fechas.push(fecha);
  $("#div_salida").html("");
                                    
    for(var i=0;i<fechas.length;i++){                              
                $("#div_salida").append("<li id='"+[i]+"'>"+fechas[i]+ " "+"<input type='button' name='eliminar' id='"+[i]+"' value='Eliminar' onClick='eliminarFechas(this.id)'/></li>");
    }
    $("#inputText").val("");
}
 
function eliminarFechas(X){
    $("li[id="+X+"]").remove();
  delete fechas[X];
  console.log(fechas);
}
 

[Kursakez]

¡Muchas gracias a ambos! Conocía splice pero no sabía que para utilizar el ciclo actual se usara "+i+". Tema solucionado.