如何在编辑单元格内使用 AG-Grids agDateInput

Question

是否可以在如下所示的编辑单元格中使用 AG-Grids agDateInput 组件？

无论我如何尝试，它要么不呈现任何内容，要么呈现 Datepicker 但不保存它的选定值。

const exampleDates = ["2020/01/01", "2020/10/11"]
const colDef = {
   field: "receiptDate", 
   headerName: "Receipt Date", 
   cellEditor: "agDateInput",
   editable: true
 }
const gridOptions = {
    columnDefs: columnDefs,
    rowData: exampleDates,
    defaultColDef: {
        editable: true,
        sortable: true,
        flex: 1,
        minWidth: 100,
        filter: true,
        resizable: true
    }

Answer 1

agDateInput 不是单元格编辑器，它是：

Default date input used by filters.

参见here。您只应使用 agDateInput 作为过滤器。

如果您想要日期单元格编辑器，则必须创建自己的自定义单元格编辑器。文档 here 中有一个很好的示例，他们使用 jQuery 日期选择器。