Question

我想在我的timepicker中加入一个按钮，这样如果用户点击该按钮，就会显示timepicker。这有效，但我希望按钮显示为图像而不是按钮，但我不知道如何做到这一点。以下是我的代码：

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

我想要显示的图像是：Images/clock.gif我将它包含在html代码中，但它会显示按钮和图像，显示时间戳的按钮和图像无效。

<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>

有谁知道如何将按钮显示为图像并能够使用它来显示时间戳？

时间戳是trent richardson的时间戳，可以查看here

由于

Answer 1

你必须使用CSS来设置按钮的样式。将按钮的background-image css属性设置为图像。然后调整按钮的大小，通过CSS删除所有其他样式，你很高兴。

这将为您提供一些开始。 http://snipplr.com/view/14261/

我想要一个按钮显示为图像并打开时间戳

1 个答案: