JQGrid中的Jquery UI DatePicker答案

【问题标题】：Jquery UI DatePicker In a JQGridJQGrid中的Jquery UI DatePicker
【发布时间】：2011-12-01 19:16:59
【问题描述】：

我在编辑 JQGrid 中的单元格时尝试使用日期选择器。当我单击单元格时，它确实更改为一个文本框并且日期选择器确实显示，但是在选择一个日期后，我得到以下错误引发

Microsoft JScript runtime error: Missing instance data for this datepicker

这是 JQGrid 的代码

    var saverow = 0;

var savecol = 0;
$("#requestTable").jqGrid({
    url: url,
    datatype: 'json',
    mtype: 'GET',
    altRows: 'true',
    colNames: ['id', 'Request Date', 'Name', 'HomePhone', 'Address', 'Contact Date(edit)', 'Email'],

    colModel: [
                { name: 'Id', index: 'Id', hidden: true },
                { name: 'RequestDate', index: 'RequestDate', width: 100 },
                { name: 'FullName', index: 'FullName', width: 125, sortable: false },
                { name: 'HomePhone', index: 'CabinetColor', width: 90, sortable: false },
                { name: 'FullAddressString', index: 'ShellColor', width: 260, sortable: false },
                { name: 'DealerContactDate', index: 'DealerContactDate', width: 105, editable: true,
                    editoptions: {
                        dataInit: function (element) {
                            $(element).blur(function () {
                                $("#requestTable").jqGrid("saveCell", saverow, savecol);
                                $("#requestTable").jqGrid("restoreCell", saverow, savecol);
                                $("#requestTable").trigger("reloadGrid");
                            });
                            $(element).datepicker({
                                onSelect: function (dateText, inst) {
                                    $("#requestTable").jqGrid("saveCell", saverow, savecol);
                                }
                            });

                        }
                    }

                },
                { name: 'Email', index: 'Email', width: 110, sortable: false }

            ],
    cellEdit: true,
    pager: '#pager',
    rowNum: 50,
    rowList: [25, 50, 75, 100],
    sortname: 'id',
    sortorder: "desc",
    viewrecords: true,
    height: "100%",
    cellurl: cellurl,
    afterEditCell: function (id, name, val, IRow, ICol) {
        saverow = IRow;
        savecol = ICol;
    }

});

任何想法为什么我会收到此错误？谢谢！

【问题讨论】：

标签： jquery jquery-ui jqgrid

【解决方案1】：

您能检查一下您的文本框“id”吗？它应该包含任何空格或任何 不支持的字符 可能会导致问题 jquery 选择器，因此它会在日期选择中抛出报告的异常。

【讨论】：