我在我的项目中第一次实现了jquery,我有两个输入字段,将日期作为输入,我在jquery中使用了类选择器。我的jquery版本是jQuery1.11.0.js,UI是jquery 1.10.4.custom.js。但是只有一个字段日期选择器是开放的,而这需要很长时间才能打开。
我的HTML代码是
<div>
<label for="dateFrom" class="desc">
<fmt:message key="date.from"/>
</label>
<input type="text" name="dateFrom" id="dateFrom" class="datepicker" value="" readonly="readonly" />
</div>
<div>
<label for="dateTo" class="desc">
<fmt:message key="date.to"/>
</label>
<input type="text" name="dateTo" class="datepicker" id="dateTo" readonly="readonly" value=""/>
</div>
我的Jquery代码是
$(function() {
$('#dateFrom').click(function() {
$('#dateFrom').datepicker();
});
$('#dateTo').click(function() {
$('#dateFrom').datepicker();
});
});
发布于 2014-05-29 05:42:59
检查这个演示Fiddle
如果你没有为所有的输入选择日期,
$(function() {
$('input').datepicker();
});
否则,使用datepicker类进行输入。
$(function() {
$('.datepicker').datepicker();
});
并且总是指定,这样的函数在DOM就绪,而不是点击目标元素。
发布于 2014-05-29 05:58:28
可能你的代码出错了。您尝试在您的datepicker
单击事件中创建#dateFrom
到#dateTo
。它应该是
$(function() {
$('#dateFrom').click(function() {
$('#dateFrom').datepicker();
});
$('#dateTo').click(function() {
$('#dateTo').datepicker();
});
});
或者简单的
$(function() {
$('.datepicker').click(function() {
$(this).datepicker();
});
});
https://stackoverflow.com/questions/23926310
复制相似问题