Twitter bootstrap 引导日期时间选择器不工作
我正在使用Bootstrap 3和Bootstrap datetimepicker,来自: 但问题是它在我的项目中不起作用 这是我的标记:Twitter bootstrap 引导日期时间选择器不工作,twitter-bootstrap,twitter-bootstrap-3,datetimepicker,Twitter Bootstrap,Twitter Bootstrap 3,Datetimepicker,我正在使用Bootstrap 3和Bootstrap datetimepicker,来自: 但问题是它在我的项目中不起作用 这是我的标记: <!--Load Bootsrap stylesheet --> <link href="css/bootstrap.css" rel="stylesheet" /> <!--Load Bootsrap-Datepicker stylesheet --> <link href="
<!--Load Bootsrap stylesheet -->
<link href="css/bootstrap.css" rel="stylesheet" />
<!--Load Bootsrap-Datepicker stylesheet -->
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet" />
<!--Load Fontawesome stylesheet -->
<link href="css/font-awesome.css" rel="stylesheet" />
<!--Load Global js plugin -->
<script src="js/jquery-2.1.1.js"></script>
<!--Load moment js plugin -->
<script src="js/moment.min.js"></script>
<!--Load Bootsrap js plugin -->
<script src="js/bootstrap.js"></script>
<!--Load Bootsrap-Datepicker js plugin -->
<script src="js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
<form role="form">
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control"/>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</form>
$(函数(){
$('#datetimepicker1')。datetimepicker();
});
像这样使用
<!--Load Bootsrap stylesheet -->
<link href="css/bootstrap.css" rel="stylesheet" />
<!--Load Bootsrap-Datepicker stylesheet -->
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet" />
<!--Load Fontawesome stylesheet -->
<link href="css/font-awesome.css" rel="stylesheet" />
<!--Load Global js plugin -->
<script src="js/jquery-2.1.1.js"></script>
<!--Load moment js plugin -->
<script src="js/moment.min.js"></script>
<!--Load Bootsrap js plugin -->
<script src="js/bootstrap.js"></script>
<!--Load Bootsrap-Datepicker js plugin -->
<script src="js/bootstrap-datetimepicker.js"></script>
<form role="form">
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control"/>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</form>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
$(函数(){
$('#datetimepicker1')。datetimepicker();
});
我刚把脚本标签移到表单后面。这必须奏效