Por necesidades visuales configure el datepicker para que el formato de fecha solo muestre dd/mm en el input y el valor completo lo estoy almacenando en un atributo del input de la siguiente manera:
<input name="ini_date_0_0" id="ini_date_0_0" class="date-picker hasDatepicker" valor="31/1/2022">
El problema es que cuando vuelvo a seleccionar la fecha el datepicker al solo tener dia y mes en el valor entonces asume que corresponde al año en curso por lo que pasaría por ejemplo de "31/1/2022" a "31-1-2021".
Existiría alguna manera de darle o bien el valor almacenado para que se asigne al hacer click, que de cualquier otra forma asi sea manejando la fecha completa se muestren en el input solo el dd-mm o bien que como sea el datepicker entienda a que año debería apuntar correctamente?
Mi codigo JavaScript es el siguiente:
//Definiciones iniciales del datepicker
jQuery(function() {
//Establecemos texto de traduccion para region
jQuery.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '< Ant',
nextText: 'Sig >',
currentText: 'Hoy',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'N°',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
//Establecemos la region actual
jQuery.datepicker.setDefaults(jQuery.datepicker.regional['es']);
DatePickerNew();
});
function DatePickerNew()
{
jQuery('.date-picker').datepicker( {
changeMonth: false,
changeYear: false,
showWeek: true,
showButtonPanel: false,
dateFormat: 'dd/mm',
beforeShow: function(dateText, inst){
//valor = ( this.getAttribute("valor") ).split("/");
//jQuery(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
},
onClose: function(dateText, inst) {
jQuery(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
this.setAttribute("valor", inst.selectedDay+"/"+(inst.selectedMonth+1)+"/"+inst.selectedYear)
//alert(inst.selectedYear+"/"+inst.selectedMonth+"/"+inst.selectedDay)
}
});
}
Considere usar el evento beforeShow pero no tengo muy claro como aplicaría