0

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

现场代码:现场示例


我已经按照安装说明手册和演示进行操作。

报价:

最低要求
jQuery
Moment.js
Bootstrap.js(如果您不使用完整的 Bootstrap,则需要转换和折叠)
Bootstrap Datepicker script
Bootstrap CSS
Bootstrap Datepicker CSS
Locales:Moment 的语言环境文件在这里

需要的脚本:

<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" />  
4

1 回答 1

2

您正在动态添加重复的 ID,您的检查代码不会在仅加载页面时运行它们!稍后查看更多信息。

仍在从 Github 添加脚本,这是不受欢迎的!我已经替换了来自cdnjs的引用。请参考这个关于直接从 Github 链接文件

这个更新的 JSFiddle有效,将为您提供工作基础。

基本上我已经在表中添加了一个回调,这意味着您动态添加datetimepicker的 s 将被正确初始化(第 65 行)。除非它在 ​​DOM 中,否则您无法与某些东西进行交互。这是一个有趣的概念,但值得牢记!

,
"fnDrawCallback": function() {
    $(".date").datetimepicker();
}
于 2016-08-28T12:03:53.630 回答