如何在jQuery中调用onclick函数
[英]How to call onclick function in jquery
问题描述
我有这样的jQuery日历代码
<script>
$(document).ready(function() {
$('#calTwo').jCal({
day: new Date( (new Date()).setMonth( (new Date()).getMonth() + 2 ) ),
days: 7,
showMonths: 1,
monthSelect: true
});
});
</script>
在我的身体竞赛中，如下
<body>
<span id="calTwo"></span>
</body>
上面的代码工作正常，但是我的要求不是使用span id标记，而是需要使用文本字段，并且在文本字段旁边使用一个日历图像。 通过单击该图像日历，应该显示出来，无论我选择的日期是什么，都应该显示在文本字段中。
我是Jquery的新手，不知道如何实现此功能。有帮助吗？
2 个解决方案
解决方案1
1 2012-05-25 06:16:28
除了使用jCal外，还可以使用jQuery UI datepicker
HTML：
Date: <input id="calTwo" type="text"></input>
Javascript：
$(document).ready(function() {
$('#calTwo').datepicker().option({"setDate": new Date()});
});
例子： http : //jsfiddle.net/YQ7k8/这个例子很丑，因为jsfiddle没有jQuery UI css。 看看http://jqueryui.com/demos/datepicker/可以看到带有正确主题的外观。
解决方案2
0 已采纳 2012-05-25 06:09:29
就像是：
<input id="calTwo" /> <img src="..." id="calTwoIcon" />
<script>
$('#calTwoIcon').click(function() {
$('#calTwo').focus();
});
</script>
那是您要找的东西吗？ 我只是放置了一个图像并分配了一个click事件，该事件在被调用时将重点放在日历输入上，而日历输入应该调出日历。 或者，您可以执行$('#calTwo').trigger('click'); 。
如何调用jQuery函数onclick？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.