0

我有这样的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 新手,不知道如何实现这个功能有什么帮助吗?

4

2 回答 2

1

除了使用 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/看看它在正确的主题下的样子。

于 2012-05-25T06:16:28.557 回答
0

就像是:

<input id="calTwo" /> <img src="..." id="calTwoIcon" />

<script>
$('#calTwoIcon').click(function() {
    $('#calTwo').focus();
});
</script>

那是你要找的吗?我刚刚放置了一个图像并分配了一个点击事件,在被调用时将聚焦日历输入,该输入应该会显示日历。或者你可以这样做$('#calTwo').trigger('click');

于 2012-05-25T06:09:29.060 回答