twitterbootstrap 3中的Datepicker无法正常工作

时间:2014-02-01 09:40:53

标签: javascript jquery twitter-bootstrap spring-mvc datepicker

我无法让datepicker工作。这是应用程序中的第二页,并加载了带有导航栏的header.jsp。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<jsp:include page="/WEB-INF/views/header.jsp" />

<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="<c:url value="/resources/js/bootstrap-datepicker.js" />"></script>


<jsp:useBean id="patient" class="com.mycompany.model.Patient" scope="session"/>
<jsp:setProperty name="patient" property="*"/>

<form class="navbar-form pull-left" method="POST" action="/myapp/success">
<div><table>
  <tr><td>Patient ID </td><td> <input name ="pid" type="text" class="form-control" style="width: 200px;" required></td></tr>
  <tr><td>First Name </td><td><input name="first_name" type="text" class="form-control" style="width: 200px;"></td></tr>
  <tr><td>Last Name </td><td><input name="last_name" type="text" class="form-control" style="width: 200px;"></td></tr>
  <tr><td>Age </td><td><input name="age" type="text" class="form-control" style="width: 200px;"></td></tr>
 <tr><td><button type="submit" class="btn btn-default">Save</button></td></tr>
</table></div>    
</form>


<div>
        <div class='well'>
            <input type='text' class="form-control" id='datetimepicker6'/>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker6').datepicker();
            });
        </script>
</div>        

请告诉我我哪里出错...... jquery似乎对我不起作用

0 个答案:

没有答案