如何在Spring中使用jQuery日期选择器
我正在尝试将datepicker日历与Spring MVC提交表单一起使用。我可以在表单中使用日期日历,但是当我提交页面时,我希望看到控制器中的值,其余的值都到了servlet,但日期没有到。我发布了下面的代码 这是查看页面中的表单如何在Spring中使用jQuery日期选择器,jquery,spring,spring-mvc,Jquery,Spring,Spring Mvc,我正在尝试将datepicker日历与Spring MVC提交表单一起使用。我可以在表单中使用日期日历,但是当我提交页面时,我希望看到控制器中的值,其余的值都到了servlet,但日期没有到。我发布了下面的代码 这是查看页面中的表单 <div align="center"> <form:form action="forms/registerResult" method="post" commandName="userForm">
<div align="center">
<form:form action="forms/registerResult" method="post"
commandName="userForm">
<table border="0">
<tr>
<td colspan="2" align="center"><h2>Spring MVC Form Demo -
Registration</h2></td>
</tr>
<tr>
<td>User Name:</td>
<td><form:input path="username" /></td>
</tr>
<tr>
<td>Password:</td>
<td><form:password path="password" /></td>
</tr>
<tr>
<td>E-mail:</td>
<td><form:input path="email" /></td>
</tr>
<tr>
<td>Birthday (mm/dd/yyyy):</td>
<td><form:input path="birthDate" /></td>
</tr>
<tr>
<td>Profession:</td>
<td><form:select path="profession" items="${professionList}" /></td>
</tr>
<tr>
<td>Date:</td>
<td><form:input path="date" id="datepicker" /></td>
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
</tr>
<tr>
<td>Skills:</td>
<td><form:select path="javaSkills" items="${javaSkillsList}"
multiple="true" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit"
value="Register" /></td>
</tr>
<tr>
<td>Sex :</td>
<td><form:radiobutton path="sex" value="M" />Male <form:radiobutton
path="sex" value="F" />Female</td>
</tr>
</table>
</form:form>
</div>
SpringMVC表单演示-
登记处
用户名:
密码:
电邮:
生日(月/日/年):
职业:
日期:
$(函数(){
$(“#日期选择器”).datepicker();
});
技能:
性别:
男女
这是我的servlet
public class AppContoller {
@RequestMapping(value="/register",method=RequestMethod.GET)
public String viewRegistration(Map<String,Object>model){
User userForm=new User();
model.put("userForm", userForm);
List<String> professionList=new ArrayList<String>();
professionList.add("Developer");
professionList.add("Designer");
professionList.add("IT Manager");
model.put("professionList",professionList);
List<String> javaSkillsList=new ArrayList<String>();
javaSkillsList.add("JAVA");
javaSkillsList.add("C#");
javaSkillsList.add("C++");
model.put("javaSkillsList",javaSkillsList);
return "Registration";
}
@RequestMapping(value="/registerResult",method=RequestMethod.POST)
public String processRegistration(@ModelAttribute("userForm")User user,Map<String,Object> model){
System.out.println("username:"+user.getUsername());
System.out.println("password:"+user.getPassword());
System.out.println("email:"+user.getEmail());
System.out.println("birth date:"+user.getBirthDate());
System.out.println("profession:"+user.getProfession());
System.out.println("skills:"+user.getJavaSkills());
System.out.println("date:"+user.getDate());
return "RegistrationSuccess";
}
公共类appcontroller{
@RequestMapping(value=“/register”,method=RequestMethod.GET)
公共字符串视图注册(Mapmodel){
用户userForm=新用户();
model.put(“userForm”,userForm);
List professionList=新建ArrayList();
专业列表。添加(“开发商”);
职业列表。添加(“设计师”);
职业列表。添加(“IT经理”);
模型放置(“专业列表”,专业列表);
List javaSkillsList=newarraylist();
添加(“JAVA”);
添加(“C#”);
add(“C++”);
put(“javaSkillsList”,javaSkillsList);
返回“注册”;
}
@RequestMapping(value=“/registerResult”,method=RequestMethod.POST)
公共字符串processRegistration(@modeldattribute(“userForm”)用户,映射模型){
System.out.println(“用户名:”+user.getUsername());
System.out.println(“密码:+user.getPassword());
System.out.println(“email:+user.getEmail());
System.out.println(“出生日期:+user.getBirthDate());
System.out.println(“profession:+user.getProfession());
System.out.println(“skills:+user.getJavaSkills());
System.out.println(“日期:+user.getDate());
返回“RegistrationSuccess”;
}
System.out.println(“date:+user.getDate());没有出现在控制台上。请任何人帮助当你说Spring时,我想你主要是在谈论Spring的MVC部分。 这主要是一个后端的东西,jquery插件是前端的,所以看起来它们甚至不需要相互集成 Spring控制器可以简单地返回html的url,您可以在其中嵌入任何视图插件
如果您希望动态生成html,那么您需要使用一些技术,如JSP或Thymeleaf,这两种技术都使您能够轻松地嵌入Jquery代码。是否可以加载Jquery.js文件?请使用chrome控制台检查。您可以这样注册资源路径
<resources mapping="/js/**" location="/js/" />
检查以下事项:
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
你什么意思
我不能用那$('#date1').jdPicker({date_格式:“FF dd YYYY”});我是在Spring表单中这样做的,但不工作日期日历不来了你有没有包括JQuery库?你有没有参考过这一个我不需要更大的问题我上面发布的代码可以与struts 1.x一起工作,但是当我在Spring中制作相同的提交表单时,日期日历不来了。我只是想知道正确性t为Spring编写语法来完成它