jquery datepicker：自定义图标

我知道datepicker中有一个选项用于添加日历图标，，但它只会在将插件应用到文本框后显示。我的问题是：如何使用我自己的图标（通过标记添加）触发日期选择器的文本框？谢谢jquery datepicker：自定义图标

2012-04-06 Fuxi

hiya，看到这里可能有帮助：http://stackoverflow.com/questions/802379/use-jquery-ui-datepicker-with-icons-from-jquery-ui-theme几个解决方案，有一个很好的，干杯！ – 2012-04-06 10:10:33

您需要使用.datepicker('show')（初始化后）手动显示日期选择器。其余的使用标准showOn: 'focus'选项。

看到这个jFiddle为例（使用button而不是图像，但原理是一样的）

来源

2012-04-06 10:04:38 jb10210

这是如何改变图标的？ – 2012-04-06 10:06:44

查看小提琴，“jQuery”对图像没有任何影响（在这种情况下，按钮） – jb10210 2012-04-06 10:09:52

我想是这样，你可以在这里添加隐藏字段，也比使用图像您可以打开日期选择器。一样，

<input type="hidden" id="datepker" />

现在使用此代码，

$("#datepker").datepicker({ 
     showOn: "button", 
     buttonImage: '../calender.gif', //your own image path 
     buttonImageOnly: true, 
});

这将不会显示文本框，做工精细。

来源

2012-04-06 10:25:24

jquery datepicker：自定义图标

回答

相关问题