Question

大家好，我有一些关于jQuery的datepicker一致性的问题。我附上了一张图片。 browser inconsistency IE / Chrome

所以问题是箭头＆＃39;＆＃39;和＆＃39;＆gt;＆＃39; Chrome中显示的内容在IE中也不可见...奇怪的是，如果我点击箭头通常应该在的空白区域，它会起作用。所以我想做的是在IE中显示图标。

这是我自定义样式的jquery实现。

pdftk

BTW我试过在

中添加一些文字

$(".action-calendar").datepicker({
            nextText: " ",
            prevText: " ",
            beforeShowDay: function (date) {
                var result = [false, '', null]; // dates not clickable because beforeShowDay() is called on each date click
                var dayEvents = $.grep(eventsList, function (event) {
                    return event.Date.valueOf() === date.valueOf();
                });

                if (dayEvents.length) {
                    var text = $.map(dayEvents, function (a) {
                        return a.Title;
                    }).join("<br>");
                    result = [false, "highlight", text];
                }

                return result;
            },
            onChangeMonthYear: function (year, month, inst) {
                // re-initialize tooltips because when changing month/year the calendar is destroyed and rebuilt
                // (beforeShowDay is called after every month/year change)
                setTimeout(function () {
                    applyTooltips();
                }, 300);
            },
        });

        applyTooltips(); // initialize tooltips

它不会显示任何内容。谢谢。

P.S。我使用IE11并且没有浏览器控制台错误，信息，警告等

Answer 1

根据您的IE版本，显示箭头图标（ui-icon）可能会出现问题，因为它们通常来自图标字体，而某些较旧的IE版本无法加载或显示图标字体。 /> 下方的<a>或<button>会起作用，但其上的标签不会显示有关更多信息，请尝试查看Browser Dev-Tools（通常为f12-Key）

Answer 2

您是否尝试过添加图标，这些图标应该在所有浏览器中保持一致？以下是添加图片的另一个SO响应：jQuery datepicker next/prev images

Datepicker不一致

2 个答案: