wat*_*eag 4 jquery twitter-bootstrap twitter-bootstrap-3
试着在这里使用datepicker: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>
Run Code Online (Sandbox Code Playgroud)
您的代码存在一些问题
这就是你需要它使它工作
<!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>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
24582 次 |
| 最近记录: |