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

Posted 2023-05-07

【中文标题】jQuery TOOLS datepicker - 单击按钮后打开日历

【英文标题】：jQuery TOOLS datepicker - open the calendar after click on the button

【发布时间】：2012-04-11 03:48:22

【问题描述】：

也许这真的很容易做到，但我现在没有更多的想法:(所以如果你知道怎么做，请帮助我。

我使用 jQuery TOOLS 日期选择器，我的代码如下所示：

<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 不起作用:(

【参考方案1】：

http://jsfiddle.net/7uDMC/

看看它是否有意义:)

【讨论】：

抱歉，试试这个更有意义

【参考方案2】：

这是内置在 jquery 工具 datepicker 中的。

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

这是 javascript 的样子 $('.date').dateinput(trigger:true)

还有CSS

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

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