Question

我的网络应用程序结构如下所示。

tomcat
|--webapps
  |-- META-INF
  |-- WEB-INF
    |-- css
    |--js
    |-- jsp
    |    |-- index.jsp
    |--web.xml

AA 我在index.jsp中设置了JavaScript路径，如下所示：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/jquery-ui.css" />
        <script src="js/jquery-1.8.3.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script>
            $(function() {
                $( "#datepicker" ).datepicker();
            });
        </script>
    </head>
    <body>
        Date: <input type="text" id="datepicker" />
    </body>
</html>

我将所有js文件放在js文件夹下

但它无法加载JavaScript文件它仅在JSP页面中显示Date文本如何在index.jsp页面中显示日期选择器？请帮帮我......

Answer 1

移动＆lt;在“日期：”前面的“输入”前面。然后，当您单击文本字段时，您将获得日期选择器。

Answer 2

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
 <script>
 $(function() {
   $( "#datepicker" ).datepicker();
 });
</script>
</head>
   <body>

    <p>Date: <input type="text" id="datepicker"></p>
  </body>
 </html>

我复制粘贴此代码，并在文本字段和日期选择器上点击了一个html文件工作。其中一个原因可能是因特网无法在您的系统上运行。检查互联网

for understanding the structure

有关结构的更多信息，请参阅以下链接

http://docs.oracle.com/cd/E19146-01/821-1830/abxft/index.html

如何在JSP中设置javascript路径以显示日期

2 个答案: