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

med*_*iev 5 jquery jquery-ui datepicker jquery-ui-datepicker

ButtonImage是你为图标指定的属性,但是我想使用sprite作为转换器 - 我可以使用buttonText并使用<button>bg图像设置元素样式,但它可能无法在IE中正确呈现..有没有办法我可以指定用于按钮的确切HTML而无需呈现按钮元素?

JKi*_*rtz 4

您可以使用以下代码:

html:

<input class="date-picker" id="date"/><span class="icon">Hello</span>
Run Code Online (Sandbox Code Playgroud)

js:

$(".icon").click(function(){
    $(".date-picker").focus();        
});
Run Code Online (Sandbox Code Playgroud)

或者

$(".icon").click(function(){
    $(".date-picker").datepicker("show");        
});
Run Code Online (Sandbox Code Playgroud)

使用任意代码触发日期选择器。这是jsFiddle 上的演示