0

ユーザーがボタンをクリックするとタイムピッカーが表示されるように、タイムピッカーにボタンを含めたいと思います。これは機能しますが、ボタンをボタンではなく画像として表示したいのですが、その方法がわかりません。以下は、現時点での私のコードです。

$('#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>

ボタンを画像として表示し、それを使用してタイムピッカーを表示する方法を知っている人はいますか？

タイムピッカーはトレント・リチャードソンのタイムピッカーで、ここで見ることができます

ありがとう

4

1 に答える 1

0

ボタンのスタイルを設定するには、CSSを使用する必要があります。background-imageボタンのcssプロパティを画像に設定します。次に、ボタンのサイズを変更し、cssを介してボタンから他のすべてのスタイルを削除します。これで準備完了です。

これはあなたに最初に何かを与えるでしょう。http://snipplr.com/view/14261/

于 2011-12-15T00:26:52.833 に答える