Question

我有像这样的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的新手，不知道如何实现此功能任何帮助。？

Answer 1

您也可以使用jQuery UI datepicker

，而不是使用jCal

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/，看看它与正确主题的外观。

Answer 2

类似的东西：

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

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

那是你在寻找什么？我刚刚放置了一个图像，并分配了一个点击事件，在被调用时将关注日历输入，该日历输入应该显示日历。或者，您可以$('#calTwo').trigger('click');。

如何在jquery中调用onclick函数

2 个答案: