DatePicker将文本放在按钮而不是图像上

jquery UI日期选择器将文本放在按钮上，而不是我尝试在Jquery中链接到的图像。 这在提交时以及IE 8处于兼容模式时发生。 有没有人遇到过这个？ 这是我见过的最奇怪的事情。 任何人都知道为什么会这样吗？

让我向您展示一下我正在经历的事情。

之前，

后。

这是我用于DatePicker的代码

$(".datepicker1").datepicker({ showOn: 'both', buttonImage: '', dateFormat: 'mm/dd/yy', changeMonth: true, changeYear: true }); 

我遇到的一件事是我的jqueryvalidation器可能会覆盖一些东西……这是我的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()); } }); 

我想这也与按钮宽度越来越大有关。 如何确保按钮宽度始终保持不变？ 这可能会解决问题。 此外，如果您没有答案，请建议我可以去哪里了解有关问题的更多信息，以及解决问题的可能方法。 任何帮助都将是朝着正确方向迈出的一步。 另外，我希望这个特别的post不会让我超过我30天的总数！ :-)。 另外，如何设置error.css的宽度，以便在弹出错误消息时不会发生错误？

更新与我猜测的方式有关

我认为这与我如何将我的错误元素放在我的表中有关。 如何在表列Row中正确放置我的错误消息？

Answer 1

将buttonImageOnly设置为true …

 buttonImageOnly: true 

那就做到了！