Question

我有一个日历图像和一个文本框。当我点击图像我需要显示日历和所选日期在文本框中。我正在使用html和jQuery。我怎么能这样做？

我知道只使用这样的文本框和日历：

<input type="text" style="float: right;"id="datepicker">
$(function() {
        $( "#datepicker" ).datepicker();
});

但我需要点击这样做：

<img src="images/calendar.gif" id='imgDatePicker'"/>

我应该得到所选的值并显示在文本框中。

示例图片：

我该怎么做？

Answer 1

试试这个：

$( "#datepicker" ).datepicker({
   showOn: "button",
   buttonImage: "images/calendar.gif",
   buttonImageOnly: true
}).next(".ui-datepicker-trigger").css("float", "left");

另一种解决方案可能是在#datepicker标记内添加div，然后将样式应用到它。

PS：http://jqueryui.com/datepicker/#icon-trigger

如何使用jquery显示在文本框中选择的日历值

1 个答案: