如何使用bootstrap datepicker
如何使用bootstrap datepicker
提问于 2013-08-30 03:46:30
好吧，我刚开始使用框架和js库，我想用bootstrap和bootstrap datepicker创建一个表单，我不知道我的文件顺序是否正确，但链接是如何设置文件的，我对javascript知之甚少，我用php编写的代码几乎都是php，但我需要这个作为表单。
下面是我对bootstrap datepicker的测试表单：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<meta charset="utf-8">
<link rel="stylesheet" href="_css/datepicker.css">
<link rel="stylesheet" href="_css/bootstrap.css">
<link rel="stylesheet" href="_css/bootstrap-responsive.css">
<script type="text/javascript" src="datepicker/bootstrap-datepicker.js"></script>
</head>
<body>
<center>
<h1>BootStrap Datepicker</h1>
<form>
<div class="well span12 main">
<input type="text" id="dp1" class="span2 datepicker" placeholder="Date..."
name="date"> <br>
</div>
<input type="submit" value="Search" class="btn">
</form>
</center>
<!-- JAVAscript ----------------------------------------------------------------->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="_js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="_js/bootstrap.js"></script>
</body>
</html>我到底做错了什么？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-08-30 03:50:05
您应该在bootstrap.js之后包含bootstrap-datepicker.js，并且应该将datepicker绑定到您的控件。
$(function(){
$('.datepicker').datepicker({
format: 'mm-dd-yyyy'
});
});Stack Overflow用户
发布于 2013-08-30 03:49:34
我相信你必须在bootstrap-datepicer.js之前引用bootstrap.js
Stack Overflow用户
发布于 2019-03-31 18:24:56
只需在JS文件下面添加以下内容
<script type="text/javascript">
$(document).ready(function () {
$('your input's id or class with # or .').datepicker({
format: "dd/mm/yyyy"
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18519746
复制相关文章
相似问题