在“添加/编辑”窗口中选择JQGrid /日期

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

从该网站演示我正在尝试做什么： http ： //www.the-di-lab.com/demo/apples

我读到我可以使用以下方法但不确定如何集成它： 

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

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

 。jQuery的（ “＃列表”）navGrid（ “＃寻呼机”，{编辑：真，添加：真，德尔：真正}，
                      {宽度：400，高度：400，closeAfterEdit：真，
             afterShowForm：function（）{$（“＃jsrs”）。load（“/ demo / apples / jsrs”）;  }，
             onclickSubmit：function（）{$（“＃jsrs”）。empty（）;  }
 }，

（查看源代码） 

 http://www.the-di-lab.com/demo/apples/jsrs

 //用于colorPicker的Js
 $（ '＃彩'）。颜色拾取（{
     onSubmit：function（hsb，hex，rgb）{
         $（ '＃彩'）VAL（ “＃” +hex）。
     }，
     onBeforeShow：function（）{
         $（本）.ColorPickerSetColor（THIS.VALUE）;
     }
 }）。bind（'keyup'，function（）{
     $（本）.ColorPickerSetColor（THIS.VALUE）;
 }）;


 //适用于datePicker的Js
 $（ '＃日期'）。DatePicker的（{
    格式： 'YM-d'，
    日期：$（'＃date'）。val（），
     current：$（'＃date'）。val（），
    开始：1，
    位置：'底部'，
     onBeforeShow：function（）{
         $（'＃date'）。DatePickerSetDate（$（'＃date'）。val（），true）;
     }，
     onChange：function（格式化，日期）{
         $（ '＃日期'）VAL（格式化）。
     }
     }）;

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

添加datepicker是一项简单的任务： 

 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 ... ]

而不是.datepicker您可以使用任何插件，如colorpicker或自动完成。

使用此代码添加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") } }, ...
Interesting Posts