如何为我的jQuery datepicker图标使用精灵?

时间:2010-02-23 17:53:52

标签: jquery jquery-ui jquery-ui-datepicker datepicker

ButtonImage是您为图标指定的属性,但我想使用精灵作为切换器 - 我可以使用buttonText并使用bg图像设置<button>元素的样式,但它可能无法正确呈现IE ..有没有一种方法可以指定用于按钮的确切HTML而无需渲染按钮元素?

2 个答案:

答案 0 :(得分:4)

您可以使用以下代码:

HTML:

<input class="date-picker" id="date"/><span class="icon">Hello</span>

JS:

$(".icon").click(function(){
    $(".date-picker").focus();        
});

OR

$(".icon").click(function(){
    $(".date-picker").datepicker("show");        
});

用任意代码触发datepicker。这是一个demo on jsFiddle

答案 1 :(得分:2)

结束只指定一个png。