引导datetimepicker不工作

你好我的datetimepicker不工作，我不知道原因。有人可以帮我解决这个问题吗？引导datetimepicker不工作

这里是链接

<link rel="stylesheet" href ="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" /> 
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

这里是它的form里面的代码，但我认为不需要把它放在这儿

<div class='input-group date' id='datetimepicker1'> 
      <input type='text' class="form-control" /> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
     </div>

这里是我的脚本

<script src="js/jquery-1.12.4.min.js"></script> 
<script type="text/javascript" src="js/moment.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script> 
<script type="text/javascript"> 

$(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
    </script>

这里是输出

我的css文件夹

我的js文件夹

来源

2016-07-10 nethken

首先，要使日期选择器显示出来，您需要调用input上的函数。

$('#datetimepicker1 input').datetimepicker()

此外，请提供相关的css文件为glyphicons露面

来源

2016-07-10 04:51:17 karthikr

您不一定需要调用输入上的函数。根据文档和给出的示例，如果您没有使用任何图标，则可以在输入上调用该函数，这样，单击该输入将触发日历。 https://jsfiddle.net/Eonasdan/0Ltv25o8/ – Ricky

@Ricardo是的哈哈。先生，你知道如何用这种“1997年3月9日”这种格式来格式化日期时间吗？ – nethken

Datepicker采用可选参数 - “dateFormat”：http://api.jqueryui.com/datepicker/#option-dateFormat。您可以根据您的要求更改它。 – karthikr

输入必须有ID = 'datetimepicker1'，而不是股利。

来源

2016-07-10 04:27:09

我的猜测是你在你的网站上加载的HTML元素之前运行了\ n的JavaScript。

在此示例中，请注意脚本位于javascript使用的div之后。

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <!-- AFTER the datetimerpicker is loaded --> 

     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
    </div> 
</div>

如果它来之前，像这样：

<script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
</script> 



<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 

    </div> 
</div>

的JavaScript将运行前的股利将加载，所以会觉得没有什么用id＃datetimepicker1。将javascript从头开始，然后粘贴到datetimepicker后面。

来源

2016-07-10 04:30:43

看起来你缺少