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