Bootstrap 日历在 IE 11 中显示两个日历答案

【问题标题】：Bootstrap calendar show two calendar in IE 11Bootstrap 日历在 IE 11 中显示两个日历
【发布时间】：2017-02-08 14:04:00
【问题描述】：

当我单击 > 图标以获取上个月或上个月时，引导日历在 IE 11 中显示两个日历。下面是为显示日历而编写的代码。请帮忙。提前致谢。

$(".datepicker, .date").datepicker({
        format: 'dd M yyyy',
        weekStart: 1,
        todayBtn: "linked",
        showTodayButton: true,
        forceParse: false,
        //clearBtn: true,
        beforeShowDay: function (date) {
            var d = date.getDate();
            var m = date.getMonth() + 1;
            var y = date.getFullYear();

            if (holidayJson[y] && holidayJson[y][m] && holidayJson[y][m][d]) {
                var s = holidayJson[y][m][d];
                return {
                    tooltip: s.tooltip,
                    classes: s.className
                };
            } else {
                return { tooltip: '&nbsp;', classes: '' };
            }
        }
    });

我认为问题出在 beforeShowDay 功能上，如果我删除它，它工作正常。下面是来自 html 文件和 aspx 文件的 html 代码。

 <div class="input-append date" style="cursor: pointer; display: inline;">
    <input type="text" id="FromDate" class="form-control input-sm" onfocus="blur();" data-ng-model="ttsViewModel.FromDate" style="display: inline-block;" />
    <span class="add-on" id="FromDateAddOn" style="font-size: 16px; color: #c09853;"><i class="fa fa-calendar" style="padding-left: 3px; padding-top: 4px;"></i></span>
</div>

<div class="input-append date" style="cursor: pointer; display: inline;"  data-date-format="dd M yyyy">
    <asp:TextBox ID="txtFdate" Width="80px" runat="server" ToolTip="mm/dd/yyyy" ClientIDMode="Static" CssClass="form-control input-sm"   
            style="width: 80px; display: inline-block;" ></asp:TextBox>

    <span class="add-on" style="font-size: 16px; color: #c09853;"><i class="fa fa-calendar" style="padding-left: 3px; padding-top: 4px;"></i></span>
</div>

【问题讨论】：

请包含您的 HTML
是..请插入html..
更新了html代码sn-p
您找到解决方案了吗？我也遇到了同样的情况。

标签： javascript twitter-bootstrap datetime datetimepicker bootstrap-datetimepicker

【解决方案1】：

问题是由您将日期选择器功能应用于元素/文本框的方式引起的。类 .datepicker 已经被库本身用于 datepicker 窗口，使用相同的类名来指示 whigh 元素以应用 datepicker，导致您的代码尝试在 datepicker 弹出窗口本身上添加一个新的 datepicker（因为它尝试添加每个具有 .datepicker 类的元素的日期选择器，并且日期选择器弹出窗口正在使用该类）。

据我所知，无论出于何种原因，这似乎只会在月份切换和使用 IE11 时导致错误。可能是因为在 datepicker 弹出窗口中的其他单击导致 datepicker 模式的更改和 datepicker 的重绘。

尝试简单地使用与“.datepicker”不同的类来为您的控件实现日期选择器（即 .attachadatepickertothiscontrol）

【讨论】：