Spring,Jquery中基于表单标记的日期选择器?
实际上,在我的Spring应用程序中,我在jsp代码中使用了基于Spring的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
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或浏览器中的开发人员工具
尝试以下代码
<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" />