javascript - 使用 ag-grid 进行单元格编辑的自定义日期选择器

Question

我正在尝试在单元格编辑上实现日期选择器。我已经尝试过下面的例子

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

这个例子使用了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 React 组件而不是 jquery-ui datepicker ？

Answer 1

您需要实现接口(interface) ICellEditorComp {...} 有关自定义编辑器的文档位于 https://www.ag-grid.com/javascript-grid-cell-editor/