Question

当我点击＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;或＆gt;＆gt;上个月或上个月的图标。下面是为显示日历而编写的代码。请帮忙。提前谢谢。

$(".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>

Answer 1

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

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

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

引导程序日历在IE 11中显示两个日历

1 个答案: