Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Spring,Jquery中基于表单标记的日期选择器?_Jquery_Spring_Jsp - Fatal编程技术网

Spring,Jquery中基于表单标记的日期选择器?

Spring,Jquery中基于表单标记的日期选择器?,jquery,spring,jsp,Jquery,Spring,Jsp,实际上,在我的Spring应用程序中,我在jsp代码中使用了基于Spring的form标记 并添加此的功能,使用Jquery提供日期选择器 这是我的Jsp代码 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <link rel="style

实际上,在我的Spring应用程序中,我在jsp代码中使用了基于Spring的
form
标记

并添加此
的功能,使用Jquery提供日期选择器

这是我的Jsp代码

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<link rel="stylesheet" href="resources/css/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="resources/css/custom.css" type="text/css">
<script type="text/javascript" src="resources/jquery/jquery-ui.min.js"></script>
    <form:form action="form/form1"
        modelAttribute="form1">
               <label class="control_label_c">From : </label>
          <div class="controls_c">
              <form:input type="text" path="fromDate" class="date-picker" />
        </div>
    </form:form>
<script>
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>

发件人:
$(函数(){
$('.date picker')。日期选择器({
变化月:对,
变化年:是的,
showButtonPanel:是的,
日期格式:“MM yy”,
onClose:函数(dateText,inst){
var month=$(“#ui datepicker div.ui datepicker month:selected”).val();
var year=$(“#ui日期选择器div.ui日期选择器year:selected”).val();
$(此).datepicker('setDate',新日期(年、月、1));
}
});
});
但日期选择器不工作(不可见)

这个基于spring的表单标签有什么问题吗?或


我的代码中有什么错误吗?

看起来您没有加载jquery.js…..您需要jquery文件来运行ui组件

在jquery-ui.min.js之前加载jquery.js

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="resources/jquery/jquery-ui.min.js"></script>

这主要是因为参考问题。请检查以下内容,最好使用Firebug或浏览器中的开发人员工具

  • 正确引用了jQuery兼容版本的jQuery UI
  • jQueryUICSS被正确引用
  • jQueryUIJS被引用

  • 尝试以下代码

    <form:input path="fromDate" cssClass="date-picker" />
    
    
    
    你的代码是可以接受的

    <form:input type="text" path="fromDate" class="date-picker" />
    
    
    

    因为所有SpringMVC表单标签都支持动态属性,比如HTML5
    placeholder
    。除非您使用的是较旧版本的Spring。

    您错过了jQuery UI CSS,这也是所需的。请检查问题的第三行:):)不,这不是主jsp,这是sup jsp,我在主jsp中包括jQuery-1.9.1.js,是否也需要在子jsp中配置?您是否收到任何错误??例如,
    $未定义
    或任何东西请检查您的控制台??以上3个文件都保存在我的应用程序中,是否需要提供或超过本地路径就足够了?本地路径就足够了,但请确保它们被正确引用。如果你能在firebug中看到它们。有时本地路径没有正确定义,这会导致缺少引用。为什么有些div标记在firebug上是不可见的?这意味着它是“显示浅色”,当我们更改这些浅色可见标签时没有任何操作?我没有理解你!检查脚本是否正确加载的一种方法是查看控制台部分。如果找不到某个内容,它将引发异常。否则,请首先尝试删除引用并引用三个CDN源,以确保其本地路径问题。您是否尝试过纯html代码,如
    ?是的,我正在尝试。。没有初始化任何选项的..Datepicker-
    $('.date picker').Datepicker()也无法工作?否。。这也是我正在努力的。。html标记工作,但spring标记不工作。。我想这是关于春天的问题。。他们在春天有什么解决办法吗?
    
    <form:input type="text" path="fromDate" class="date-picker" />