Question

我正在尝试在我的代码中使用twitter bootstrap 3，但它不起作用。我哪里出错了，请帮帮我。这是代码：

<html>
<head runat="server">
<title>Untitled Page</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<link rel="Stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/bootstrap.min.js"></script>
 <link rel="stylesheet" href="css/datepicker.css">
  </head>
<body>
<form id="form1" runat="server">
<input  type="text">
</form>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/datepicker.js"></script>
 <script>
$(document).ready(function() {
    $("#main input").datepicker();
});
</script>

</body>
</html>

Answer 1

只需在输入字段中添加ID

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

和jquery

<script src="js/datepicker.js"></script>
 <script>
$(document).ready(function() {
    $('#dp').datepicker();
});
</script>

bootstrap 3 datepicker不显示日历

1 个答案: