如何在过滤和编辑模式下在 ng2-smart-datatable 中添加日期选择器？答案

【问题标题】：How to add datepicker in the ng2-smart-datatable in filter and edit mode?如何在过滤和编辑模式下在 ng2-smart-datatable 中添加日期选择器？
【发布时间】：2019-07-04 20:14:03
【问题描述】：

我不知道如何以及在哪里导入renderComponent: SmartTableDatepickerRenderComponent 和component: SmartTableDatepickerComponent

startDate: {
      title: 'Start Time',
      type: 'custom',
      renderComponent: SmartTableDatepickerRenderComponent,
      width: '250px',
      filter: false,
      sortDirection: 'desc',
      editor: {
        type: 'custom',
        component: SmartTableDatepickerComponent,
      }
    },

【问题讨论】：

我不知道如何导入渲染组件
展示一些研究成果和你尝试过的代码 - stackoverflow.com/help/how-to-ask
startDate: { title: '开始时间', type: 'custom', renderComponent: SmartTableDatepickerRenderComponent, width: '250px', filter: false, sortDirection: 'desc', editor: { type: '自定义', 组件: SmartTableDatepickerComponent, } },
请在您的问题而不是评论中更新它
我在上面的问题中完成了@TusharWalzade

标签： javascript angular typescript angular6 ng2-smart-table

【解决方案1】：

我建议你在谷歌的 ant.design 上检查一次 ant 设计框架。我也在做这个。所以在这你不需要从头开始创建。这个框架在中国很流行。我的公司也在使用这个框架。如果您遇到任何问题，您可以再次询问。谢谢。

【讨论】：

【解决方案2】：

您可以在当前组件文件中导入SmartTableDatepickerRenderComponent 组件。

我已经添加了一个answer，这可能会对您有所帮助。

【讨论】：

【解决方案3】：

我不知道我们遵循哪个概念：

startDate:{
    title:"Start Date",
    filter: false,
    editor:{        
      type:datepicker
    },
  },
  EndDate:{
    title:"End Date ",
    filter: false,
  }

在输入字段中添加日期选择器

【讨论】：