DatePicker將文本放在按鈕上而不是圖像

jquery UI日期選擇器將一個文本放在按鈕的頂部，而不是我試圖鏈接到Jquery的圖像。這發生在提交和IE 8處於兼容模式時。有沒有人遇到過這個？這是我見過的最奇怪的事情。任何人都知道爲什麼會這樣？DatePicker將文本放在按鈕上而不是圖像

讓我告訴你我正在經歷的事情。

enter image description here

之前，

enter image description here

後。

這裏是我使用的是發生在我身上的DatePicker

$(".datepicker1").datepicker({ 
     showOn: 'both', 
     buttonImage: '<%=Url.Content("~/images/calendar.gif")%>', 
     dateFormat: 'mm/dd/yy', 
     changeMonth: true, 
     changeYear: true 
    });

一件事的代碼是我的jQuery的驗證可能會覆蓋的東西... 這裏是我的jQuery代碼...

$("#temp1").validate({ 
     rules: { 
      HospitalFinNumber: { 
       required: true, 
       minlength: 6 
      }, 
      DateOfBirth: { 
       required: true 
      }, 
      AdmitDate: { 
       required: true 
      } 
     }, 
     messages: { 
      HospitalFinNumber: 'Please Enter a Hospital Fin number', 
      DateOfBirth: 'Please enter a valid DateOfBirth', 
      AdmitDate: 'Please select an Admin Date' 
     }, 
     errorElement: "div", 
     wrapper: "div", 
     errorPlaceMent: function (error, element) { 
      element.before(error); 
      offset = element.offset(); 
      error.insertBefore(element); 
      error.css('position', 'absolute'); 
      error.css('left', offset.left); 
      error.css('top', offset.top - element.outerHeight()); 
     } 
    });

我想這也與按鈕寬度變寬有關。我怎樣才能確保按鈕的寬度始終保持不變？這可能會解決問題。另外，如果您沒有答案，請建議我可以去哪裏瞭解更多有關該問題的信息，以及可能的解決方法。任何幫助都是朝着正確方向邁出的一步。此外，我希望這篇帖子不會讓我超過30天！ :-)。另外，如何設置error.css的寬度，以便在出現錯誤消息時不會出現問題？

更新已與我如何驗證做我猜

我想這與我怎麼把我的錯誤元素在我的表做。如何將我的錯誤消息正確放置在表格列中？

來源

2011-11-04 SoftwareSavant

集buttonImageOnly爲true ...

buttonImageOnly: true

這做到了！

來源

2011-11-04 15:37:59 SoftwareSavant

DatePicker將文本放在按鈕上而不是圖像

回答

相關問題