无法在 Struts 2 中获取 jQuery 日期选择器

问题描述 投票：0回答：3

我想在我的 Struts 应用程序中使用 jQuery 日期选择器

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!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=UTF-8">
<title>My First JQuery Page</title>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/mytestcss.css">
<script src="/js/jquery-1.11.1.js"></script>
<script src="/js/jquery-ui.js"></script>
<script>
    $(function() {
     $( "#datepicker" ).datepicker();
    });
</script>
</head>
<body>
  <div id="formdiv">
    <s:form>
        <s:textfield label="username" name="username" ></s:textfield>
        <s:password label="password" name="password" ></s:password>
        <s:textfield label="date" id="datepicker" name="date"></s:textfield>
        
    </s:form>
  </div>
  <input type="text" id="datepicker">
</body>
</html>

我错过了什么吗？ 为什么日期选择器未加载？

javascript html jquery jsp struts2
3个回答
1
投票

您可以使用 

s:url
标签来构建正确的路径

<script src="<s:url value='/js/jquery-1.11.1.js'/>"></script>

JSTL 

c:url
标签的工作原理类似

<script src="<c:url value='/js/jquery-1.11.1.js'/>"></script>

或者使用JSP EL

<script src="${pageContext.request.contextPath}/js/jquery-1.11.1.js"></script>
0
投票

您应该使用文档就绪事件来确保您的元素已渲染

尝试使用这个：

$(document).ready(function() {
    $( "#datepicker" ).datepicker();
});
0
投票
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!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=UTF-8">
<title>My First JQuery Page</title>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/mytestcss.css">
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script>
    $(function() {
     $( "#datepicker" ).datepicker();
    });
</script>
</head>
<body>
  <div id="formdiv">
    <s:form>
        <s:textfield label="username" name="username" ></s:textfield>
        <s:password label="password" name="password" ></s:password>
        <s:textfield label="date" id="datepicker" name="date"></s:textfield>

    </s:form>
  </div>

</body>
</html>

.js 文件未加载，因为 /js/jquery-1.11.1.js 我将其更改为 js/jquery-1.11.1.js （删除了“/”）

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.