Tengo un jQuery dateTimePicker en mi proyecto de WordPress. El selector funciona bien, pero cuando selecciono el menú desplegable de fechas y trato de desplazarme con la rueda del mouse, los años no se desplazan. En cambio, los meses cambian. ¿Alguna idea de cómo puedo hacer que el menú desplegable de fechas se desplace por años correctamente?

Aquí está mi código JS:

 var preferredDateTimePicker = $('#preferred-date-time .preferred-datetimepicker'); preferredDateTimePicker.datetimepicker({ disabledDates : disabledDates, formatDate:'dm-Y', allowTimes : allowTimes, minDate : 0, format : 'dmY H:i:s', inline : true, onGenerate:function( ct ){ $(this).find('.xdsoft_date.xdsoft_weekend').addClass('xdsoft_disabled'); }, onClose: function(dateText, inst) { var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); $(this).datepicker('setDate', new Date(year, 1, 1)); }, onChangeDateTime:function(dp,input){ getCalenderValue = preferredDateTimePicker.val(); newCalenderDate = getCalenderValue.split(' ')[0]; var selectedBlockDateTime = $.map(disabledDatetime, function(value, key) { if(newCalenderDate == key){ var obj = {}; obj['blockDate'] = key; obj['blockTime'] = value; return obj; } }); if(selectedBlockDateTime.length){ var blockDate = selectedBlockDateTime[0].blockDate; var blockTime = selectedBlockDateTime[0].blockTime; var allowTimeSelected = arrayDiff(blockTime,allowTimes); console.log("allowTimeSelected", allowTimeSelected); if( newCalenderDate == blockDate){ if (allowTimeSelected.length === 0) { this.setOptions({ disabledDates : blockDate }); }else{ this.setOptions({ allowTimes: allowTimeSelected }); } } }else{ this.setOptions({ allowTimes : allowTimes, }); } } });