angular - ag-grid将日期选择器添加到日期单元格以进行编辑

{
  headerName: '日期',
  field: 'date',
  editable: true,
  cellEditor: 'customDatePicker',
  cellEditorParams: {
    // 可以传递一些参数给自定义日期选择器组件
  }
}

import { Component } from '@angular/core';
import { ICellEditorAngularComp } from 'ag-grid-angular';

@Component({
  selector: 'app-custom-date-picker',
  template: `
    <!-- 在这里放置日期选择器组件的HTML代码 -->
  `,
})
export class CustomDatePickerComponent implements ICellEditorAngularComp {
  // 实现ICellEditorAngularComp接口中的方法
}

import { Component } from '@angular/core';
import { AgEditorComponent } from 'ag-grid-angular';

@Component({
  selector: 'app-custom-date-picker',
  template: `
    <!-- 在这里放置日期选择器组件的HTML代码 -->
  `,
})
export class CustomDatePickerComponent implements AgEditorComponent {
  // 实现AgEditorComponent接口中的方法
}

// 在Angular模块中注册自定义单元格编辑器
@NgModule({
  declarations: [CustomDatePickerComponent],
  ...
})
export class AppModule {
  constructor(private componentFactoryResolver: ComponentFactoryResolver) {
    this.componentFactoryResolver.registerEditorComponent('customDatePicker', CustomDatePickerComponent);
  }
}