Kendo 列菜单 - 日期列的自定义过滤器

Question

我一直在使用剑道网格，我们对网格进行了一些增强。我们将columnMenu设置为true，其中“过滤器”选项将显示为菜单之一。因此，当我单击过滤器时，将显示多选列表，其中包含网格中可用的日期列表。但问题是，这个日期以 GMT 格式显示。我想将其修改为 MM/DD/YYYY 格式。我不确定在哪里包含格式。

这是我的代码片段

 columnMenu: true,
                            filterable: {
                                mode: "menu,row"
                            },
 columns:
                                [{
                                    selectable: true, width: "37px",
                                },
                                {

                                    field: "Date",
                                    title: "Document Date",
                                    width: "200px",

                                    template: "#=(Date == null) ? ' ' : kendo.toString(Date, FormatDate().DateFormat + ' h:mm tt') #",
                                    filterable: {
                                        multi: true, search: true, format: "{0:"+FormatDate().DateFormat+"}",
                                        cell: {
                                            template: function (args) {
                                                args.element.kendoDatePicker({
                                                    format: FormatDate().DateFormat,
                                                    parseFormats: FormatDate().DateFormat,

                                                });
                                            }
                                        }
                                    },
                                    attributes: {
                                        style: "overflow-wrap: break-word;"
                                    },
                                    sortable: {
                                        compare: function (a, b, desc) {
                                            if (a.Date < b.Date) {
                                                return -1;
                                            }
                                            else if (a.Date > b.Date) {
                                                return 1;
                                            }
                                            return 0;
                                        }
                                    }

                                },

我期待列表以不同的格式显示，如下所示 预期功能

但问题是它是这样显示的 发布图片

Answer 1

您需要设置列的

format

配置：

{
  field: "Date",
  title: "Document Date",
  width: "200px",
  format: "{0: MM/dd/yyyy}",
  template: "#=(Date == null) ? ' ' : kendo.toString(Date, FormatDate().DateFormat + ' h:mm tt') #",
  ...
}

模板指定如何呈现表格单元格，但在为过滤器菜单生成多复选框选项时将使用提供的格式。