如何将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'
        });
    });
});