2011-12-14 26 views
0

我想用我的时间选择器包含一个按钮,这样如果用户单击按钮,就会显示timepicker。这工作,但我希望按钮显示为图像而不是按钮,但我不知道如何做到这一点。下面是我的代码的时刻:我想要一个按钮作为图像显示并打开时间选择器

$('#durationpicker').trenttimepicker({ 
       timeFormat:'hh mm ss', 
       hourGrid: 4, 
       minuteGrid: 10, 
       secondGrid: 10, 
       showOn: 'button', 
       button: '.timepicker_button_trigger'}); 
}); 

我要显示的图像是:Images/clock.gif,我包括在HTML代码,但它显示timepicker和图像无所事事按钮displsys两个按钮和图像。

<p> 
    <strong>3: Duration:</strong> 
    <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /> 

    <span class="timepicker_button_trigger"> 
     <img src="Images/clock.gif" alt="Choose Duration" /> 
    </span> 
</p> 

有谁知道如何显示按钮作为图像,并能够使用它来显示timepicker?

的timepicker是特伦​​特·理查森的timepicker这可以被看作here

感谢

+0

什么按钮?!你的代码中有一个文本输入和一个图像。你甚至在谈论什么? – 2011-12-15 00:08:42

回答

0

你将不得不使用CSS样式的按钮。将该按钮的background-image css属性设置为图像。然后调整按钮大小,通过css删除所有其他样式,而且你很好。

这会给你一些开始。 http://snipplr.com/view/14261/

相关问题