$( function() {
var espaniol = {
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['de Enero','de Febrero','de Marzo','de Abril','de Mayo','de Junio', 'de Julio','de Agosto','de Septiembre','de Octubre','de Noviembre','de Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun', 'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'DD dd MM yy', firstDay: 0,
initStatus: 'Selecciona la fecha',
isRTL: false
};
$.datepicker.setDefaults(espaniol);
$( "#datepicker" ).datepicker();
$('#ui-datepicker-div').css('clip', 'auto');
$("#datepicker").on("change", function() {
//Limpia el boton fecha
$('#boton-fecha').empty();
//Captura la variable
var fecha = $("#datepicker").datepicker("getDate");
// Configuramos el locale ---------------- >
moment.locale('es');
// Formateamos el string ----------------- >
fecha = moment(fecha).format("LL")
$("#boton-fecha").append(fecha);
});
//Click buttom fecha
$("#boton-fecha").click(function() {
$("#datepicker").datepicker("show");
});
//Click buttom
//Click buttom Cambiar fecha
$("#boton-cambiar-fecha").click(function() {
$("#datepicker").datepicker("show");
});
//Click buttom
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>
<button id="boton-fecha" >Miercoles<b>15</b>de abril</b><b>2020</b></button>
<input type="text" id="datepicker" />
<br>
<br>
<br>
<br>
<button id="boton-cambiar-fecha" >CAMBIAR FECHA</button>