首先下载My97DatePicker日历插件,将整个文件夹引入web项目中
在页面引入基准路劲,并且在页面引入 WdatePiicker.js(第一段是基准路径。第二段代码是引入插件的代码)
<base href="<%=request.getScheme()%>://<%=request.getServerName()%>:<%=request.getServerPort()%><%=request.getContextPath()%>/"/>
<script src="My97DatePicker/WdatePicker.js"></script>
在body中添加一个input标签,在标签中设置为onfocus,函数的名字设置的和上面引入的插件名一样!必须一样
<input type="text" onfocus="WdatePicker()">
就完成啦!看看效果!
参考代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<base href="<%=request.getScheme()%>://<%=request.getServerName()%>:<%=request.getServerPort()%><%=request.getContextPath()%>/"/>
<script src="My97DatePicker/WdatePicker.js"></script>
</head>
<body>
<input type="text" onfocus="WdatePicker()">
</body>
</html>