我想在用户单击图像时打开 JQuery Datepicker。没有随后出现所选日期的输入字段;我将通过 Ajax 将输入的日期保存到服务器。
目前我有这个代码:
<img src='someimage.gif' id="datepicker" />
$(document).ready(function() {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
}).click(function() { $(this).datepicker('show'); });
});
但当我点击图像时什么也没有发生。我还尝试将 datepicker() 调用的结果保存到全局变量,然后从图像的 onclick() 事件调用 datepicker('show') ,但结果相同。
事实证明,一个简单的隐藏输入字段就可以完成这项工作:
<input type="hidden" id="dp" />
然后像平常一样使用图像的buttonImage属性:
$("#dp").datepicker({
buttonImage: '../images/icon_star.gif',
buttonImageOnly: true,
changeMonth: true,
changeYear: true,
showOn: 'both',
});
最初我尝试了一个文本输入字段,然后设置了一个display:none
样式,但这导致日历从浏览器顶部出现,而不是从用户单击的位置出现。但隐藏字段可以按预期工作。
JSFiddle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)