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

Question

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

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