DatePicker не работает, когда параметр stopEditingWhenGridLosesFocus имеет значение true

Question

В в этом примере при нажатии на дату ее можно редактировать, но если вы используете опцию «stopEditingWhenGridLosesFocus», средство выбора даты больше не работает.Можно ли это исправить?

<AgGridReact
   stopEditingWhenGridLosesFocus // without this line works fine
   columnDefs={this.state.columnDefs}
   components={this.state.components}
   onGridReady={this.onGridReady.bind(this)}
   rowData={this.state.rowData}
 />

Answer 1

Если для параметра "stopEditingWhenGridLosesFocus" установлено значение true, при нажатии на дату входной тег исчезает, поэтому ссылка на ваш указатель даты теряется.

У меня возникла та же проблема, и я решил ее, выполнив это:

• Измените настройки пользовательских компонентов для работы во всплывающем окне:

  Datepicker.prototype.isPopup = function() {
      return true;
  };
  

• Затем вызовите метод stopEditing () для события selectв вашем указателе даты:

  $(this.eInput).datepicker({
      dateFormat: 'dd/mm/yy',
      onSelect: function(dateText, inst) {
          params.stopEditing();
      }
  });
  

Я создал новый рабочий форк из вашего примера здесь