带有 eonasdan DatePicker 的数据表不起作用

Question

我在使用 eonasdan DatePicker 时遇到了问题，我不明白我搞砸了什么...我想我已经确认拥有所有必要的资源，但是当我点击日历图标时没有任何反应 :\

我已经关注了installation instructions and manual and demos.

引用：

最低要求
jQuery
Moment.js
Bootstrap.js（如果您没有使用完整的 Bootstrap，则需要过渡和折叠）
Bootstrap 日期选择器脚本
BootstrapCSS
Bootstrap 日期选择器 CSS
语言环境：Moment 的语言环境文件是 here

需要脚本：

<script type="text/javascript" src="/path/to/jquery.js"></script>  
<script type="text/javascript" src="/path/to/moment.js"></script>  
<script type="text/javascript" src="/path/to/bootstrap/js/transition.js"></script>  
<script type="text/javascript" src="/path/to/bootstrap/js/collapse.js"></script>  
<script type="text/javascript" src="/path/to/bootstrap/dist/bootstrap.min.js"></script>  
<script type="text/javascript" src="/path/to/bootstrap-datetimepicker.min.js"></script>

CSS 样式

<link rel="stylesheet" href="/path/to/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />

Answer 1

您正在动态添加重复的 ID，您的检查代码不会选择它们，因为它运行仅在页面加载时！稍后查看更多相关信息。

你是还在添加来自Github的脚本，这是不受欢迎的！我已经替换了 cdnjs. PLease refer to this about linking files directly from Github.

中的引用

此更新后的 JSFiddle 有效，将为您提供工作基础。

基本上我已经向 table 添加了回调，这意味着您动态添加的 datetimepicker 将被正确初始化（第 65 行）。 你无法与某些东西互动，除非它在 DOM 内。 这是一个有趣的概念，但值得牢记！

,
"fnDrawCallback": function() {
    $(".date").datetimepicker();
}

带有 eonasdan DatePicker 的数据表不起作用

DataTables with eonasdan DatePicker doesn't work

jquery

twitter-bootstrap

datepicker

datatables

eonasdan-datetimepicker