Question

我想在有人点击图片时加载uidatepicker（jQuery）。现在，uidatepicker附加到输入字段:(并且它也正常工作）

$（'＃selected_date'）。datepicker（{dateFormat：'M d，yy'}）; $（'＃selected_date'）。click（function（）{$（'＃selected_date'）。datepicker（{dateFormat：'M d，yy'}）;}）;

当有人点击图片时如何显示日历？

Answer 1

将班级selected_date分配到图片并使用代码：

$('.selected_date').datepicker({..........});

现在，日期选择器将在具有类selected_date的元素（在您的案例中为图像）上触发。

Answer 2

在jquery ui网站上有一个很好的例子，包含源代码：

http://jqueryui.com/demos/datepicker/#icon-trigger

Answer 3

以下内容会在输入文本框旁边放置一个小“日历”图像...单击图像时，将出现uidatepicker ...

$('ReferenceToTextBoxHere').datepicker({
        showOn: 'button',
        buttonImage: './images/Calendar.png',
        buttonImageOnly: true        
 });

其中“buttonImage”属性是您要显示要单击的图像的路径

在JQuery中，当有人点击图像时，如何显示日历？

3 个答案: