javascript - JQGrid/在添加/编辑窗口中选择的日期

Question

在内联编辑时，我已经能够将日期选择器用于 JQGrid，但我无法在添加/编辑窗口中使用它。有没有人有关于如何执行此操作的说明或我可以查看的示例？

从该站点演示我正在尝试做的事情:http://www.the-di-lab.com/demo/apples

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

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

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

当然，除了 .datepicker，您还可以使用任何插件，例如 colorpicker 或 autocomplete。