好吧,我刚开始使用框架和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>
我到底做错了什么?
发布于 2013-08-30 03:50:05
您应该在bootstrap.js
之后包含bootstrap-datepicker.js
,并且应该将datepicker
绑定到您的控件。
$(function(){
$('.datepicker').datepicker({
format: 'mm-dd-yyyy'
});
});
发布于 2013-08-30 03:49:34
我相信你必须在bootstrap-datepicer.js之前引用bootstrap.js
发布于 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>
https://stackoverflow.com/questions/18519746
复制相似问题