Манипуляции с датапикером jquery исчезают после взаимодействия с датапикером

#javascript #jquery #datepicker

Вопрос:

моя цель-выбрать дату, которая отображает только годы. Мой выбор даты :

 $( "#datepicker" ).datepicker({  defaultDate: new Date(now.getFullYear(), now.getMonth() - 1, 1),   changeMonth: false,  changeYear: true,  regional:"de",  dateFormat: 'yy',  beforeShow: function(el, dp) {  $('#ui-datepicker-div').toggleClass('hide-calendar', $(el).is('[data-calendar="false"]'));  },  onChangeMonthYear: function(year, month, instance) {  this.month = month;  this.year = year;  SelectDataPanel.submitRequest();  SelectDataPanel.saveState();  },  });  

Теоретически я мог бы использовать

 .ui-datepicker-month {  display: none;  }  

для достижения этой цели. Но я хочу, чтобы функциональность и, следовательно, стиль datepicker были изменяемыми. Вот почему я пытался использовать это:

 var all = document.getElementsByClassName('ui-datepicker-month');  for (var i = 0; i lt; all.length; i  ) {  console.log("i = "   all[i])  all[i].style.display = 'none';  }  

который я чем могу выполнить в функции. Когда я обновляю свою сторону, она выглядит так, как должна, но когда я взаимодействую с датапикером, месяцы снова отображаются. Это моя проблема.