jquery-ui - 如何将 jQuery UI 图标添加到输入类型文本？

Question

我想在我应用 datepicker 的输入框之一上使用 jQuery ui 的图标表。我尝试简单地将类放在输入元素本身上，但它会显示工作表的整行。

Answer 1

这就是想办法做到的。由于某些输入在表格中，因此我使用 css 和负边距底部来消除由跨度引起的额外垂直空间。

$(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'
        });
    });
});