Javascript JQGrid/在添加/编辑窗口中拾取的日期

我已经能够在内联编辑时将日期选择器应用到JQGrid中，但是我无法在添加/编辑窗口中使用它。有没有人有关于如何做到这一点的说明，或者我可以看一个例子

从该站点演示我正在尝试做的事情：

我读到我可以使用以下方法，但不确定如何整合：

dataInit : function (elem) {
$(elem).datepicker();
}

---

看起来他们正在使用“afterShowForm”将日期/颜色选择器附加到div。
（查看来源）

jQuery（“#list”）.navGrid（#pager“，{edit:true，add:true，del:true}， {宽度：400，高度：400，closeAfterEdit:true， afterShowForm:function（）{$（“#jsrs”）.load（“/demo/apples/jsrs”）；}， onclickSubmit:function（）{$（“#jsrs”）.empty（）；} }, （查看来源）

http://www.the-di-lab.com/demo/apples/jsrs //用于颜色选择器的Js $（'#color'）。颜色选择器({ onSubmit:函数（hsb、十六进制、rgb）{ $（'#color'）.val（“#”+hex）； }, onBeforeShow:函数（）{ $（this.ColorPickerSetColor）（this.value）； } }).bind（'keyup'，function（）{ $（this.ColorPickerSetColor）（this.value）； }); //日期选择器的Js $（“#日期”）.DatePicker({ 格式：'Y-m-d'， 日期：$（“#日期”）.val（）， 当前：$（“#日期”）.val（）， 起点：1， 位置：'底部'， onBeforeShow:function（）{ $（'date'）.DatePickerSetDate（$（'date'）.val（），true）； }, onChange：函数（格式化，日期）{ $（'日期'）.val（已格式化）； } });

---

感谢您找到这个示例，我也在寻找如何做到这一点。

添加日期选择器是一项简单的任务：

colModel: [
  ... other column definitions ...
  {
    name:'my_date', index:'my_date', label: 'Date', width: 80,
    editable: true, edittype: 'text',
    editoptions: {
      size: 10, maxlengh: 10,
      dataInit: function(element) {
        $(element).datepicker({dateFormat: 'yy.mm.dd'})
      }
    }
  },
  ... other column definitions ...
]

---

当然，您可以使用诸如colorpicker或autocomplete之类的任何插件，而不是

.datepicker

。

使用此代码添加datepicker以创建/编辑对话框：

.navGrid('#yourID',
                { edit: true, add: true, del: true, search: true }, //options
                {
                    ...  
                    onInitializeForm: function() {
                       $('#yourDate').datepicker(); 
                     },
                    onClose: function() {
                       //if you close dialog when the datepicker is shown
                       $('.hasDatepicker').datepicker("hide")
                    }
                },
                ...

---

谢谢，它正在慢慢地汇集起来，当窗口打开时会触发jsrs代码，但我只是得到“$（“#约会”）。DatePicker不是一个函数（我将#date的实例更改为#约会，因为这是所需字段的id）所有需要的脚本/ui都在弹出窗口之外工作，我是否需要做一些我可能遗漏的事情？谢谢！！哦，我只需要“日期选择器”而不是“日期选择器”谢谢！-1，你有几个错误在那里…而且在修复错误+1之后，代码似乎都不起作用，谢谢你指出

editoptions.dataInit

；这是我内联编辑工作中缺少的部分。它说“Uncaught TypeError:undefined不是函数”对我来说…你能猜到我错过了什么吗？主要是为datepicker设置z索引。请参见[此][1]。[1]：

colModel: [
  ... other column definitions ...
  {
    name:'my_date', index:'my_date', label: 'Date', width: 80,
    editable: true, edittype: 'text',
    editoptions: {
      size: 10, maxlengh: 10,
      dataInit: function(element) {
        $(element).datepicker({dateFormat: 'yy.mm.dd'})
      }
    }
  },
  ... other column definitions ...
]

.navGrid('#yourID',
                { edit: true, add: true, del: true, search: true }, //options
                {
                    ...  
                    onInitializeForm: function() {
                       $('#yourDate').datepicker(); 
                     },
                    onClose: function() {
                       //if you close dialog when the datepicker is shown
                       $('.hasDatepicker').datepicker("hide")
                    }
                },
                ...