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錯誤

回答

相關問題