Bootstrap-datepicker嵌入式内联模式无法正常工作

Question

我成功地使用以下代码使日期选择器在文本模式下工作：

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link href="css/datepicker.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script>
  $(function() {
    $('#mydatepicker').datepicker({});
  });
</script>


<input type="text" id="mydatepicker">

但是，当我使用以下代码切换到嵌入式/内联模式时，页面上没有任何内容：

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link href="css/datepicker.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script>
  $(function() {
    $('#mydatepicker').datepicker({});
  });
</script>


<div id="mydatepicker"> </div>

正如所展示的here，“在一个简单的div上实例化datepicker会给出一个始终可见的嵌入式选择器。”

我的代码有什么问题吗？

提前致谢。

Answer 1

发生了奇怪的事情。我刚刚更换了datepicker.css和bootstrap-datepicker.js。现在一切正常。