Question

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

问题是他们中的一些人正在显示日历以选择日期，而有些人则没有。

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

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

添加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-datepicker类显示无属性

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

对ui-datepicker-div

也没有影响

有人可以帮忙吗？

Answer 1

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

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

jquery datepicker没有显示日历

1 个答案: