ojala me puedan ayudar a resolver este inconveniente que tengo, ya que se me dificulta trabajar con JS.
Tengo el siguiente código el cual es una (API) que me muestra varia información:
$(function (){
$.ajax({
type: "POST",
url: "(url-de-la.api)",
dataType: "html",
// async: "false",
data: {
autor: 32,
metodo: "lista",
limite: 3
}
}).done(function (msg) {
let result = JSON.parse(msg);
// console.log(result)
let html = '';
$(result).each(function(index,item){
html += '<div class="col-md-4">'+
'<img src="'+item.imagen+'" width="100%" height="200px"><br>'+
'<p>'+item.fecha+'<br>'+item.contenido+'</p>'+
'<div id="nota-completa">'+
'<a title="'+item.titulo+'" href="'+item.url+'" target="_blank">'+
'<img id="img-nota-completa" src="completa.png">'+
'</a>'+
'</div>'+
'</div>';
});
$('#noticia').append(html);
});
});
</script>
y luego la muestro así en mi html:
<div class="container">
<div id="noticia" class="row" style="height: 20px;">
</div>
</div>
La fecha me la muestra de esta forma:
2019-07-08
¿cómo puedo hacer que me aparezca 08 de Julio del 2019?
La parte de contenido me muestra mucha informacion, como puedo limitar a que solo me muestre 100 caracteres de ese texto?