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

【问题标题】：DatePicker puts text on button instead of imageDatePicker 将文本放在按钮上而不是图像上
【发布时间】：2011-11-04 14:01:58
【问题描述】：

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

让我给你看一张我正在经历的照片。

之前，

之后。

这是我用于 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的宽度，以便在弹出错误消息时不会发疯？

更新与我猜测的验证方式有关

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

【问题讨论】：

标签： jquery html jquery-ui jquery-ui-datepicker

【解决方案1】：

将 buttonImageOnly 设置为 true...

buttonImageOnly: true

做到了！

【讨论】：