[英]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的新手,不知道如何實現此功能。有幫助嗎?
除了使用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/可以看到帶有正確主題的外觀。
就像是:
<input id="calTwo" /> <img src="..." id="calTwoIcon" />
<script>
$('#calTwoIcon').click(function() {
$('#calTwo').focus();
});
</script>
那是您要找的東西嗎? 我只是放置了一個圖像並分配了一個click事件,該事件在被調用時將重點放在日歷輸入上,而日歷輸入應該調出日歷。 或者,您可以執行$('#calTwo').trigger('click');
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.