Пользовательский указатель даты при редактировании ячейки с помощью ag-grid

Question

Я пытаюсь реализовать выбор даты при редактировании ячейки. я пробовал приведенный ниже пример

https://www.ag-grid.com/javascript-grid-cell-editing/#example -datepicker-cell-edit

В этом примере использовался jquery -ui datepicker

function getDatePicker() {
  function Datepicker() {}
  Datepicker.prototype.init = function(params) {
    this.eInput = document.createElement("input");
    this.eInput.value = params.value;
    $(this.eInput).datepicker({ dateFormat: "dd/mm/yy" });
  };
  Datepicker.prototype.getGui = function() {
    return this.eInput;
  };
  Datepicker.prototype.afterGuiAttached = function() {
    this.eInput.focus();
    this.eInput.select();
  };
  Datepicker.prototype.getValue = function() {
    return this.eInput.value;
  };
  Datepicker.prototype.destroy = function() {};
  Datepicker.prototype.isPopup = function() {
    return false;
  };
  return Datepicker;
}

Эта строка

$(this.eInput).datepicker({ dateFormat: "dd/mm/yy" });

используется для добавления jquery -ui datepicker

Как я могу иметь пользовательский компонент реагирования DatePicker, который я хочу включить вместо jquery -ui datepicker

Answer 1

Вам нужно реализовать interface ICellEditorComp {...} Дела c о пользовательских редакторах здесь https://www.ag-grid.com/javascript-grid-cell-editor/