DatePicker помещает текст на кнопку вместо изображения - PullRequest
0 голосов
/ 04 ноября 2011

Средство выбора даты 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, чтобы она не сходила с ума при появлении сообщения об ошибке?

ОБНОВЛЕНИЕ Связано с тем, как я проверяю, я думаю

Я думаю, это связано с тем, как я помещаю свой элемент ошибки в мою таблицу. Как правильно разместить сообщение об ошибке в столбце таблицы, строка?

1 Ответ

1 голос
/ 04 ноября 2011

установите buttonImageOnly в true ...

buttonImageOnly: true

Вот и все!

...