KendoUI grille filtre format de la date

Dans mon kendo grille, je veux changer le format de la date dans le filtre

Ex: 1/30/2015 Jan 30, 2015

J'ai déjà changer le format de date de Date de Début

                field: "StartDate",
                title: "Start Date",
                width: 30,
                format: "{0:MMM dd, yyyy}",
                parseFormats: "{0:MM/dd/yyyy}",
                headerTemplate: '<label for="check-all"><b>Start Date</b></label>',
                headerAttributes: { style: "text-align: center;" },
                attributes: { style: "text-align:center !important;padding-right: 25px;" }

Code dans mon filtrables

  filterable: {
                extra: false,
                operators: {
                    string: {
                        startswith: "Starts with",
                        eq: "Is equal to"
                    }
                }
            },

Pour la capture d'écran voir ce

Grâce

OriginalL'auteur nojla | 2015-01-30

  1. 9

    La solution fonctionne très bien avec par défaut Menu "filtres", Mais pas de travail pour filtrables: {mode: la "ligne"}. Dans ce cas, vous devez utiliser un modèle.

     $("#grid").kendoGrid({
        dataSource: {
            type: "odata",
            transport: {
                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
            },
            schema: {
                model: {
                    fields: {
                        OrderID: {type: "number"},
                        Freight: {type: "number"},
                        ShipName: {type: "string"},
                        OrderDate: {type: "date"},
                        ShipCity: {type: "string"}
                    }
                }
            },
            pageSize: 20,
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true
        },
        height: 550,
        //filterable: true,
        sortable: true,
        pageable: true,
        columns: [
            {
                field: "OrderID",
                filterable: false
            },
            {
                field: "OrderDate",
                title: "Order Date",
                format: "{0:MMM dd, yyyy}",
                parseFormats: "{0:MM/dd/yyyy}",
                headerTemplate: '<label for="check-all"><b>Start Date</b></label>',
                headerAttributes: {style: "text-align: center;"},
                attributes: {style: "text-align:center !important;padding-right: 25px;"},
                filterable: {
                    cell: {
                        template: function (args) {
                            args.element.kendoDatePicker({
                                format: "MMM dd, yyyy"
                            });
                        }
                    }
                }
            },
            "ShipName"
        ], filterable: {mode: 'row'}
    });
    Tout simplement Parfait merci pour votre temps et vos efforts, vous m'a beaucoup aidé dans mon travail
    c'est gentil! de toute façon d'ignorer le temps ?

    OriginalL'auteur Mirza Ehsanul Haque

  2. 0

    J'ai reçu cette réponse de Telerik de soutien pour KendoUI Professionnel 2016.3.1118. Ajoutez ceci à votre grille:

    columnMenu: true,
columnMenuInit: function (e) {
    var menu = e.container.find(".k-menu").data("kendoMenu");
    menu.bind('activate', function(ev) {
        if(ev.item.is(':last-child')) {    //use 'span.k-dropdown.k-header' if the column is locked
            //if an element in the submenu is focused first, the issue is not observed (menu disappearing)
            ev.item.find('span.k-dropdown.k-header').first().focus();     

            //column field is of type "date"
            if(e.field === "OrderDate") {
                //accessing the DatePickers and setting the custom format
                var datePickerElements = ev.item.find('[data-role="datepicker"]');
                datePickerElements.each(function(idx, input) {
                    var datePicker = $(input).data('kendoDatePicker');
                    datePicker.setOptions({
                        format: 'MMM dd, yyyy'
                    });
                });
            }
        }
    });
},

    OriginalL'auteur xinthose