簡體   English   中英

如何在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的新手,不知道如何實現此功能。有幫助嗎?

除了使用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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM