【问题标题】:Ag Grid - React- Datepicker as cell editor not workingAg Grid - React- Datepicker 作为单元格编辑器不起作用
【发布时间】:2020-07-18 02:07:28
【问题描述】:

我正在尝试在 AgGridReact 中将 datepicker 实现为 cellEditor。我尝试点击以下链接:https://www.ag-grid.com/javascript-grid-cell-editing/#example-datepicker-cell-editing。但是当我复制示例单元格编辑器 datepicker(使用 jQuery UI datepicker)时,我看到一个错误,错误消息是“$”未定义。我没有看到与此相关的任何其他示例代码。任何帮助将非常感激。提前致谢

更新: 下面的问题与 Angular 有关,我正在使用我在问题中提到的反应。所以,问题不相关,答案也不相关 How to adjust datepicker view inside ag grid cell render template?

【问题讨论】:

  • 您好,感谢您的回复。这似乎与Angular有关。你有任何与 React 相关的示例吗?我找不到任何
  • 但这没关系 - 你可以做任何你想要的东西(reactjs、vuejs 或 angularjs),在示例中你拥有通过 ag-grid 实现 datepicker 所需的一切。
  • 对不起,如果我在这里遗漏了什么。您共享的问题中提供的答案并未提供对我所面临问题的任何见解。我也没有看到如何在 React 中实现它的方法。
  • 所以,提供一个你做的例子,看看我能如何帮助它

标签: reactjs ag-grid ag-grid-react


【解决方案1】:

你必须安装 Jquery、jquery-ui 和 jquery-ui-dist

  1. npm i jquery
  2. npm i jquery-ui
  3. npm i jquery-ui-dist

并导入

  1. 从'jquery'导入$;
  2. 导入'jquery-ui/ui/widgets/datepicker';
  3. impoer 'jquery-ui-dist/jqueru-ui.css';

然后它会工作.......

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-09-27
    • 2019-07-21
    • 2017-06-17
    • 1970-01-01
    • 2019-05-24
    • 2020-02-19
    • 2016-10-31
    • 2021-03-14
    相关资源
    最近更新 更多