jqgrid 和 datepicker 控件为新记录提供错误

Question

我通过 jqgrid 与从 ajax 返回的 json 绑定。 json 具有以下格式的日期

11/1/2013 12:00:00 AM

在 colmodel 中我指定了以下内容

{ name: 'datecol', index: 'SignDate', width: '200', jsonmap: 'cell.SignDate', editable: true, sorttype: 'date',
                    editable: true, formatter: 'date', formatoptions: {
                        srcformat: 'm-d-Y H:i:s',
                        newformat: 'Y-M-d'
                    },
editoptions: { dataInit: initDateEdit },
initDateEdit = function(elem) {
                setTimeout(function() {
                    $(elem).datepicker({
                        formatter: 'date', formatoptions: {
                            srcformat: 'm-d-Y H:i:s',
                            newformat: 'yy-M-d'
                        }
                        autoSize: true,
                        showOn: 'button', // it dosn't work in searching dialog
                        changeYear: true,
                        changeMonth: true,
                        showButtonPanel: true,
                        showWeek: true
                    });
                    //$(elem).focus();
                },100);
            }

这会在网格中正确显示日期

2013-Nov-01

但是当我点击添加新记录时，弹出窗口来了，当我选择日期并点击提交时，在网格中，新记录正在显示

NaN-undefined-NaN

在日期列中。这里有什么问题？

当我使用与此链接中给出的相同代码时 http://www.ok-soft-gmbh.com/jqGrid/LocalFormEditing.htm

编辑工作正常，但是当我添加新行时，日期为 NaN-undefined-NaN

请帮忙。

Answer 1

我认为您描述的问题的原因是您使用的 jQuery UI Datepicker 的参数错误。您使用不存在的datepicker 的formatter 和formatoptions 参数。取而代之的是，您应该使用dateFormat 格式描述的here 选项。

已更新：您描述的问题的主要原因是您使用的日期格式错误。重要的是要了解formatoptions 的srcformat 和newformat 应该有PHP date format，但是jQuery UI Datepicker 支持例如描述here 的另一种格式。输入数据11/1/2013 12:00:00 AM 包含日期和时间。另一方面，jQuery UI Datepicker 仅支持日期。因为您使用newformat: 'yy-M-d'，所以我想您只想忽略日期的时间部分。在这种情况下，我建议您使用

formatter: 'date',
formatoptions: {
    srcformat: 'm/d/Y',
    newformat: 'Y-m-d'
}

而不是

formatter: 'date',
formatoptions: {
    srcformat: 'm-d-Y H:i:s',
    newformat: 'Y-m-d'
}

您当前使用的。下一个问题是 jQuery UI Datepicker 的 dateFormat 选项。您必须使用与srcformat 对应的格式，但使用正确的格式（描述为here）。对于srcformat: 'm/d/Y'，您应该使用dateFormat: 'm/d/yy'，而不是您在jsfiddle demo 中使用的dateFormat: 'yy-m-dd'。

The modified demo 现在可以正常工作了。