0

このimgのように、日付入力フィールドのカスタム アイコンを作成しようとしています。ボタンのカスタム アイコンを作成しましたが、日付フィールドのカスタム アイコンを作成できませんでした。

<div id="send-date" class="transaction-details" data-role="fieldcontain" data-theme="gr">
   <label for="date">Send on</label>
   <input type="date" name="date" id="date" value="" placeholder="" data-icon="date" data-iconpos="right" />
</div><!-- /send-date -->

これを行う他の方法はありますか?

コード へのリンク カスタムアイコンへのリンク

4

1 に答える 1

0

私はあなたのために例を作りました：http：//jsfiddle.net/Gajotres/WFz37/

リストビューフィルタリングに使用される入力ファイルをラップするために使用されるのと同じdivで入力をラップする必要があります。その後、このJavaスクリプトを適用します。

$('input[type="text"]').removeClass('ui-input-text ui-corner-all ui-shadow-inset').addClass('ui-input-text');
$('#custom-input-wrapper').removeClass('ui-icon-searchfield').addClass('ui-custom-icon');

要件は16x16の画像だけですが、もっと大きな画像を使用できると思います。その場合は、cssで遊んで必要なスタイルを作成してください。

于 2012-11-29T13:38:40.213 に答える