Question

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

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

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的宽度，以便在弹出错误消息时不会发生错误？

更新与我的验证方式有关

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

Answer 1

将buttonImageOnly设置为true ...

buttonImageOnly: true

那就做到了！

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

1 个答案: