如何在Spring中使用jQuery datepicker

时间:2014-02-09 18:15:24

标签: jquery spring spring-mvc

我正在尝试使用带有Spring MVC提交表单的datepicker日历。我能够在表单中使用日期日历,但是当我提交页面时,我想看到控制器中的值其余的值即将到来到servlet但日期不会来.ia发布下面的代码 这是视图页面中的表单

 <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>

这是我的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";


}

的System.out.println( “日期:” + user.getDate());是不是来到控制台..请任何人帮助

3 个答案:

答案 0 :(得分:0)

当你说Spring时,我猜你主要是在谈论Spring MVC部分。 这主要是后端的东西,jquery插件是前端,所以看起来它们甚至不需要相互集成。

Spring控制器可以简单地为你的html返回url,你可以在那里嵌入任何视图插件。

如果你想动态生成html,那么你需要使用像JSP或Thymeleaf这样的技术,这两种技术都可以让你轻松地嵌入Jquery代码。

答案 1 :(得分:0)

是否可以加载jquery.js文件?检查使用chrome的控制台。您可以像这样注册资源路径

<resources mapping="/js/**" location="/js/" />

答案 2 :(得分:0)

检查以下事项:

  1. 返回user.getDate()函数的类型,如果它不是字符串,则可能会产生问题。
  2. 如果包含所有必需的参考文献。

    <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">
    
  3. 下面的文章解释完全相同的示例包含所有细节,包括所有代码段。

    jquery date picker in spring mvc