尝试在此处使用日期选择器:http://bootstrap-datepicker.readthedocs.org/en/latest/
我对 jquery 还没有那么丰富的经验,但我一定错过了一些东西,因为它永远不会工作。这是我的 HTML,所有 CSS 和 JS 文件都位于各自的位置,没有找不到文件的问题。我确信我错过了一些简单的东西,但我没有看到它,直接从提供的示例中复制和粘贴。让我知道你的想法。
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-8">
<form id="main">
<input type="text">
</form>
<script>
$('#main input').datepicker({
});
</script>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
</body>
</html>
最佳答案
您的代码存在一些问题
- You need a document ready handler
- 您需要在包含库后将脚本放在最后
- 您有重复的脚本标签
这是让它发挥作用所需的东西
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/datepicker.css" rel="stylesheet" />
</head>
<body>
<form id="main">
<input type="text" />
</form>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function() {
$("#main input").datepicker();
});
</script>
</body>
</html>
关于jquery - Bootstrap 3 DatePicker 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20983727/