Question

可能这很容易做到，但我现在没有更多的想法:(如果你知道如何，请帮助我。

我使用jQuery TOOLS datepicker，我的代码如下：

<input type="text" name="date" id="date" class="date" />
<img src="calendar.gif" class="open_calendar" />

$(function() {
   $('.date').dateinput();

   $('.open_calendar').click(function() {
       $('#date').data('dateinput').setValue(0).show();
   });
})

我想在点击“.open_calendar”按钮后打开#date输入的日历。我怎样才能做到这一点？不幸的是，代码abote不起作用：（

Answer 1

http://jsfiddle.net/7uDMC/

看一下，看看它是否有意义:)）

Answer 2

这是内置于jquery工具的datepicker。

如果您使用datepicker的触发器选项，它将为您创建一个类似caltrigger的可点击按钮。您可以在css中设置触发器样式并为其设置背景图像。

以下是javascript的样子 $('.date').dateinput({trigger:true})

和css

.caltrigger {
 background:url(calendar.gif);
 display:block;
 width:20px;
 height:20px;
}

确保更改宽度和高度以匹配您的图像。

jQuery TOOLS datepicker - 单击按钮后打开日历

2 个答案: