How to use jquery UI in the Java class library to implement the dates selectioner function
The use of jQuery UI in the Java library to implement the date selectioner function needs to follow the following steps:
1. Download jQuery library and jquery UI library: First, from the official website https://jquery.com/ and https://jqueryui.com/ download jquery library and jQuery UI library.Add these two library files to the project.
2. Create HTML files and introduce library files: In the HTML file, add a text box element to select the date and introduce the library files of jQuery and jQuery UI.code show as below:
html
<!DOCTYPE html>
<html>
<head>
<Title> Date Selege Example </Title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-3.5.1.min.js"></script>
<script src="jquery-ui.js"></script>
</head>
<body>
<Label for = "Datepicker"> Selecting Date: </Label>
<input type="text" id="datepicker">
</body>
</html>
3. Use the jQuery UI to create a date selector: Use the following code to create the date selector when the page is loaded.
script
$(function() {
$("#datepicker").datepicker();
});
4. Set the language of the date selector: If the language of the date selectioner needs to be set in Chinese, you need to modify the source code of the jquery UI library, as follows:
-Re download Chinese language package: download Chinese language package files from https://jquryui.com/download/ to decompress it.
-Codd the source code: Find the "datepicker-zh-cn.js" file in the folder and introduce the file in the HTML file.
html
<script src="datepicker-zh-CN.js"></script>
5. Run: Use the browser to open the HTML file, you can see that the date selectioner has been successfully displayed on the page.
The above is the basic step of using the JQuery UI to implement the JQuery UI in the Java library.In this way, we can easily provide users with a powerful date selection function in the Java Web application.
The following is a complete example of Java code:
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class MyServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println("<html>");
out.println("<head>");
out.println ("<Title> Date Selege Example </Title>");
out.println("<link rel=\"stylesheet\" href=\"jquery-ui.css\">");
out.println("<script src=\"jquery-3.5.1.min.js\"></script>");
out.println("<script src=\"jquery-ui.js\"></script>");
out.println("<script src=\"datepicker-zh-CN.js\"></script>");
out.println("</head>");
out.println("<body>");
out.println ("<label for = \" datepicker \ "> Selecting date: </label>");
out.println("<input type=\"text\" id=\"datepicker\">");
out.println("<script>");
out.println("$(function() {");
out.println("$(\"#datepicker\").datepicker();");
out.println("});");
out.println("</script>");
out.println("</body>");
out.println("</html>");
}
}
Please make sure the corresponding library files are placed under the correct path and the HTML and Java code are modified according to the actual situation.
