jquery 日期选择器不显示日历

Question

我在多个页面上有多个日期选择器。我正在通过局部视图渲染它们。

问题是其中一些显示日历以选择日期，而另一些则没有。

这是我的输入标签（原始）

<input  name="dtpicker" class="datepicker form-control" id="datepicker">

这是我添加日期选择器后的输入标签

<input name="dtpicker" class="datepicker form-control hasDatepicker" id="datepicker">

我在部分视图的末尾添加了我的脚本

<script>
$(document).ready(function () {
    $("#datepicker").datepicker({
        onSelect: function (dateText, inst) {
            $(this).change();
        },
        beforeShow: function (input, inst) {
            if ($(input).attr('readonly') !== undefined) {
                if (inst.o_dpDiv === undefined)
                    inst.o_dpDiv = inst.dpDiv;
                inst.dpDiv = $('<div style="display: none;"></div>');
            } else {
                if (inst.o_dpDiv !== undefined) {
                    inst.dpDiv = inst.o_dpDiv;
                }
            }
        }
    }).datepicker();
});

我注意到一件事，当日历没有打开时

ui-日期选择器class有显示none属性

.ui-datepicker{
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

对ui-datepicker-div

也没有影响

有人可以帮忙吗？

Answer 1

得到解决方案。我的错。我在导致此问题的部分视图中再次加载 jquery-ui.min-1.11.1.js 文件。

刚刚删除它，现在可以正常工作了。

jquery 日期选择器不显示日历

jquery datepicker not showing calender

c#

jquery

jquery-ui-datepicker

asp.net-mvc-4