jquery-ui - 入力タイプのテキストにjQuery UIアイコンを追加するにはどうすればよいですか?

Question

datepicker を適用している入力ボックスの 1 つで、jQuery ui のアイコン シートを利用したいと考えています。クラスを入力要素自体に単純に配置しようとしましたが、シートの行全体が表示されます。

Answer 1

これがそれを行う方法です。一部の入力はテーブルにあるため、css と負の margin-bottom を使用して、スパンによって生じる余分な垂直方向のスペースを無効にしました。

$(document).ready(function (){
    $('.date').datepicker()
    .each(function(index,element){
        $('<span>').addClass('ui-icon ui-icon-calendar').insertAfter(element).position({
            of: element
            ,my: 'right top'
            ,at: 'right top+2'
        });
    });
});