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

Question

eonasdan DatePicker 有问题，我不明白我搞砸了什么...我想我已经验证拥有所有必要的资源，但是当我点击日历图标时没有任何反应：\

直播代码：live example

---

我关注了installation instructions和manual and demos。

引用：

最低要求
jQuery
Moment.js
Bootstrap.js（如果您不使用完整的 Bootstrap，则需要转换和折叠）
引导日期选择器脚本
引导 CSS
引导日期选择器 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 的引用。关于linking files directly from Github，请参考这里。

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

基本上我已经在表中添加了一个回调，这意味着您动态添加的datetimepickers 将被正确初始化（第 65 行）。 除非它在 ​​DOM 中，否则您无法与某物进行交互。这是一个有趣的概念，值得您记住！

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