2015-04-24 2 views
1

Я хочу реализовать Datepick в моей примерной форме приложения, я сделал все изменения, но все же моя страница не в состоянии загрузить Datepick, какую ошибку я делаю, пожалуйста, дайте мне знать. ?не удалось загрузить datepick в Spring MVC JQuery

вот снимок моей Project class and binaries

вот мой web.xml

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
     <title>Spring MVC Form Handling</title> 
     <style> 
    .error { 
     color: red; font-weight: bold; 
    } 
</style> 
    </head> 
    <body> 
     <h2>Add Employee Data</h2> 

     <link href="<%=request.getContextPath()%>/files/jquery-ui.css" rel="stylesheet"> 
     <script src="<%=request.getContextPath()%>/files/jquery.js"></script> 
     <script src="<%=request.getContextPath()%>/files/jquery-ui.js"></script> 

<script> type="text/javascript">  
    $(function() { 
    //Datepicker 
    $('input[name=Dategiven]').datepicker({ 
     format: 'yyyy-mm-dd' 
    }); 
    }); 
</script>  

     <form:form method="POST" action="/SpringHibernate/save.html"> 
      <table> 
       <tr> 
        <td><form:label path="id">Employee ID:  </form:label></td> 
        <td><form:input path="id" value="${employee.id}" readonly="true"/></td> 

       </tr> 
       <tr> 
        <td><form:label path="name">Employee Name:  </form:label></td> 
        <td><form:input path="name" value="${employee.name}" placeholder="Name"/></td> 
        <td align="left"><form:errors path="name" cssClass="error"/></td> 
       </tr> 
       <tr> 
        <td><form:label path="age">Employee Age:</form:label></td> 
        <td><form:input path="age" value="${employee.age}" placeholder="Age"/></td> 
        <td align="left"><form:errors path="age" cssClass="error"/></td> 
       </tr> 
       <tr> 
        <td><form:label path="salary">Employee Salary:</form:label></td> 
        <td><form:input path="salary" value="${employee.salary}" placeholder="Salary"/></td> 
        <td align="left"><form:errors path="salary" cssClass="error"/></td> 
       </tr> 

       <tr> 
        <td><form:label path="address">Employee Address:</form:label></td> 
        <td><form:input path="address" value="${employee.address}" placeholder="address"/></td> 
        <td align="left"><form:errors path="address" cssClass="error"/></td> 
       </tr> 
       <tr> 
        <td><form:label path="Dategiven">Employee Date:</form:label></td> 
        <td><form:input path="Dategiven" value="${employee.dategiven}" placeholder="YYYY-MM-dd"/></td> 
        <td align="left"><form:errors path="Dategiven" cssClass="error"/></td> 
       </tr> 
       <tr> 
        <td colspan="2"><input type="submit" value="Submit"/></td> 
       </tr> 
      </table> 
     </form:form> 

    <c:if test="${!empty employees}"> 
     <h2>List Employees</h2> 
    <table align="left" border="1"> 
     <tr> 
      <th>Employee ID</th> 
      <th>Employee Name</th> 
      <th>Employee Age</th> 
      <th>Employee Salary</th> 
      <th>Employee Address</th> 
      <th>Employee dategiven</th> 
      <th>Actions on Row</th> 
     </tr> 

     <c:forEach items="${employees}" var="employee"> 
      <tr> 
       <td><c:out value="${employee.id}"/></td> 
       <td><c:out value="${employee.name}"/></td> 
       <td><c:out value="${employee.age}"/></td> 
       <td><c:out value="${employee.salary}"/></td> 
       <td><c:out value="${employee.address}"/></td> 
       <td><c:out value="${employee.dategiven}"/></td> 
       <td align="center"><a href="edit.html?id=${employee.id}">Edit</a> | <a href="delete.html?id=${employee.id}">Delete</a></td> 
      </tr> 
     </c:forEach> 
    </table> 
</c:if> 
    </body> 
</html> 

конфигурации SpringHibernate-servlet.xml для этого

, а также для этой линии <link href="<%=request.getContextPath()%>/files/jquery-ui.css" rel="stylesheet"> IAM получать предупреждения как

Несколько аннотаций для und в этой строке: - WebContent/WEB-INF/views/<% = request.getContextPath()%>/files/jquery-ui.css не найден.

может кто-то пожалуйста, помогите мне в решении этой

ответ

1

Держите Js & CSS файлы вне папки WEB-INF

Контейнер не обеспечивают прямой доступ к ресурсам в рамках WEB-INF папка. Поместите ресурсы i; e js, css, изображения в папку WebContent.

Кроме того, идеальный способ вычисления contextpath в JSP является

<script src="${pageContext.request.contextPath}/templates/js/main.js"></script> 

Откройте консоль браузера, проверьте все ошибки, проверьте URL запроса для CSS & попробуйте нажать ее на новой вкладке. Если ресурс недоступен, проблема связана с URL-адресом для ресурса в jsp. Повторно проверьте URL.

Смежные вопросы