java - 无法在 Spring MVC Jquery 中加载日期选择

标签 java jsp jquery-ui spring-mvc

我想在我的示例申请表中实现 Datepick,我已经完成了所有更改,但我的页面仍然无法加载 Datepick 我犯了什么错误,请告诉我。 ?

这是我的 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">我收到警告为

在这一行找到多个注释: - 未找到 WebContent/WEB-INF/views/<%=request.getContextPath()%>/files/jquery-ui.css。

有人可以帮我解决这个问题吗

最佳答案

将 js 和 css 文件保留在 WEB-INF 文件夹之外

容器不允许直接访问WEB-INF文件夹下的资源。将资源(即 js、css、图像)放置在 WebContent 文件夹下。

此外,在 jsp 中计算上下文路径的理想方法是

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

打开浏览器控制台,检查所有错误,检查 CSS 的请求 URL 并尝试在新选项卡上点击它。如果资源不可用,则问题出在 jsp 中为资源映射的 url 上。重新检查网址。

关于java - 无法在 Spring MVC Jquery 中加载日期选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29837995/

相关文章:

java - 将项目导出到JAR文件时,SourceDataLine不起作用

ajaxStart 事件上的 jQuery 模式对话框

java - Spring Boot findById 不起作用,但 findAllById 工作正常

java - 使用自定义刷新和驱逐 java 在 DAO 上实现缓存

java - JSP 请求调度

java - 使用 google API 在 jsp 页面上显示流程图的最佳方式

jsp - 响应 .sendRedirect 不工作

jquery - 如何在关闭对话框时停止嵌入模态对话框的 JWPlayer

javascript - jQuery UI 对话框和 aria 控件

java - 最终变量赋值错误