Spring MVC 如何在Spring中使用jQuery日期选择器

ih99xse1  于 2022-11-14  发布在  Spring
关注(0)|答案(3)|浏览(154)

我正在尝试使用一个日期选择器日历与Spring MVC提交表单。我可以在表单中使用日期日历,但当我提交页面时,我希望看到控制器中的值,其余的值将进入servlet,但日期不会进入。我发布了下面的代码。这是视图页面中的表单

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

}

(“日期:“+用户.获取日期());无法进入控制台..请任何人帮助

4dbbbstv

4dbbbstv1#

当你说Spring的时候,我想你主要是在说Spring MVC部分。那主要是后端的东西,jquery插件是前端,所以看起来它们甚至不需要互相集成。
Spring控制器可以简单地返回html的url,您可以在那里嵌入任何视图插件。
如果您希望动态生成html,则需要使用JSP或Thymeleaf等技术,这两种技术都可以让您轻松地嵌入Jquery代码。

emeijp43

emeijp432#

jquery.js文件是否可以加载?使用chrome的console检查一下,可以这样注册资源路径

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

nuypyhwy3#

检查以下事项:

  1. user.getDate()函数的返回类型,如果它不是字符串,则可能会产生问题。
    1.如果包含所有必需的引用,则为。
<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">

下面的文章解释完全相同的例子与所有的细节,包括所有的代码片段。
jquery date picker in spring mvc

相关问题