jquery在JSP上不工作，而在HTML上工作良好_Jquery_Spring_Jsp_Tomcat_Taglib

jquery在JSP上不工作，而在HTML上工作良好

jquery spring jsp tomcat

jquery在JSP上不工作，而在HTML上工作良好,jquery,spring,jsp,tomcat,taglib,Jquery,Spring,Jsp,Tomcat,Taglib,我正在开发一个JSP上的datetime选择器实用程序（主要是在Spring:Form上，但现在回到普通JSP上的调试以找到根本原因）。虽然这种方法在HTML上运行得很好，但我无法在JSP上运行它。我在Tomcat7.0上运行这个。请帮我做这个。这是我的密码： test.html：工作正常 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="te

我正在开发一个JSP上的datetime选择器实用程序（主要是在Spring:Form上，但现在回到普通JSP上的调试以找到根本原因）。虽然这种方法在HTML上运行得很好，但我无法在JSP上运行它。我在Tomcat7.0上运行这个。请帮我做这个。这是我的密码：

test.html：工作正常

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/>
</head>
<body>

    <h3>DateTimePicker</h3>
    <input type="text" value="2014/03/15 05:06" id="datetimepicker"/><br><br>

</body>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./jquery.datetimepicker.js"></script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker()
    .datetimepicker({value:'2015/04/15 05:03',step:10});


</script>
</html>


日期输入框



$（'#datetimepicker'）。datetimepicker（）
.datetimepicker（{值：'2015/04/15 05:03'，步骤：10}）；

在代码与上面相同的JSP中，脚本不起作用，我甚至尝试包括下面提到的.css和.js文件，前提是所有提到的文件都存在于当前文件夹中，并且web.xml已经为.css和.js文件提供了默认的servlet映射

 <%@ include file="jquery.datetimepicker.css"%>
 <%@ include file="jquery.js"%>  
 <%@ include file="jquery.datetimepicker.js"%>

我之前使用的另一个日期选择器功能也适用于Spring：表单。下面是使用Spring标记库时执行起来相当复杂的代码。这里一个值得注意的方面是.css和.js引用是web URL，而不是本地文件

工作JSP:

<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page session="true"%>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

<form:form method="post" action="add.html" commandName="reminderObject">
    <table>
    <tr>
    <td><form:input type="text" path="date"  id="datepicker"/></td>
    <script>  $(function() {    $( "#datepicker" ).datepicker()});  </script>
    </tr>
    </table>
</form:form>


$（function（）{$（“#datepicker”）.datepicker（）}）；

删除你对include js正确的include行，放在上面2行，然后尝试一下我们在这里尝试的所有火箭科学，就是这个

，当包含在JSP文件中时，它对我起了作用。我很惊讶，但很高兴我现在结束了。感谢Bhushan Kawadkar和Nirav Prajapati的宝贵参与。

您在浏览器控制台上发现任何错误吗？可能是.js文件没有正确加载。嗨，布山，我在浏览器或控制台上没有收到任何错误，因为你说它是在html上工作的，但不是在jsp中，所以主要是因为没有获得所需的js文件。查看此内容以检查下载的资源是否正确。嗨，Nirav，我尝试了这种方法，但没有解决问题。我能够使用${pageContext.servletContext.contextPath}打印上下文根目录（SOP），甚至将.js文件也放在了上下文根目录中，但脚本仍然无法工作。我已经将它放在了下面的.js文件中，以检查它是否可以从任何地方进行选择，但它无法工作：

WEB-INF/pages/，context root/，Context Root/src/resources/，WEB-INF/

我的意思是提供完整路径，例如，在哪个文件夹中有js文件，如：webcontent>resource>js>jquery.js试试这个

<script type="text/javascript" src="${pageContext.servletContext.contextPath}/jquery.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/jquery.datetimepicker.js"></script>