bootstrap datetimepicker不能正常工作，不显示javascript错误

我按照建议安装了带有NuGet的Bootstrap Datetimepicker here下面是无法显示datetimepicker控件的html代码。从chrome开发人员工具中，我发现加载脚本没有问题，或者控制台中有任何脚本错误。任何猜测为什么下面的代码无法显示自举的DateTimePickerbootstrap datetimepicker不能正常工作，不显示javascript错误

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <title></title> 
 
     <script type="text/javascript" src="/scripts/jquery-1.9.1.min.js"></script> 
 
    <script type="text/javascript" src="/scripts/bootstrap.min.js"></script> 
 
    <script type="text/javascript" src="/scripts/moment.min.js"></script> 
 
    <script type="text/javascript" src="/scripts/bootstrap-datetimepicker.js"></script> 
 
    <link rel="stylesheet" href="/Content/bootstrap-datetimepicker.css" /> 
 
    <!-- include your less or built css files --> 
 
    <!-- 
 
    bootstrap-datetimepicker-build.less will pull in "../bootstrap/variables.less" and "bootstrap-datetimepicker.less"; 
 
    or--> 
 

 
</head> 
 
<body> 
 
    <form> 
 
    <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> 
 
     <script type="text/javascript"> 
 
      $(function() { 
 
       $('#datetimepicker1').datetimepicker(); 
 
      }); 
 
     </script> 
 
    </div> 
 
</div> 
 
     </form> 
 
</body> 
 
</html>

来源

2016-03-05 Naga

这将有助于如果你可以把这段代码运行的地方，所以我们可以看到它运行（或失败） –

@Jav韩国，请找代码运行在http://www.makemypublication.com/testdate.html – Naga

你的代码工作。你想念的是引导CSS。应该在输入旁边有一个日历图标，您可以点击该图标来显示它。但日历也是没有风格的。

尝试把这个放在你的头上：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

来源

2016-03-05 17:48:37

嘿人，你救了我的一天。非常感谢你的魅力！不知道为什么bootstrap.min.css在这个链接不建议https://eonasdan.github.io/bootstrap-datetimepicker/Installing/ – Naga

好，如果你接受答案作为正确的我会感激它:) –

bootstrap datetimepicker不能正常工作，不显示javascript错误

回答

相关问题