Kendo grille de colonne date pas de mise en forme

J'ai un KendoGrid comme ci-dessous et lorsque je lance l'application, je ne reçois pas le format attendu pour date colonne.

$("#empGrid").kendoGrid({
    dataSource: {
        data: empModel.Value,
        pageSize: 10
    },

    columns: [
        {
            field: "Name",
            width: 90,
            title: "Name"
        },

        {
            field: "DOJ",
            width: 90,
            title: "DOJ",
            type: "date",
            format:"{0:MM-dd-yyyy}" 
        }
    ]
});

Lorsque je l'exécute, je suis "2013-07-02T00:00:00Z" en MJ colonne. Pourquoi il est pas la mise en forme? Une idée?

Désolé Myzifer, toujours avoir de problème. Même j'ai essayé comme modèle: "#= kendo.toString(Date,'dd/MM/yyyy') #" aussi. Et j'ai essayé cette aussi onabai.wordpress.com/2012/09/28/... Mais pas de chance 🙁
Pour autant que je suis conscient que l'élément clé est la parameterMap d'installation et sans que vous n'aurez plus de difficultés à essayer de le configurer, vous avez besoin de plus de détails autour de la parameterMap?
Oui, pouvez-vous fournir plus de détails sur parameterMap
Désolé Myzifer... j'ai essayé de la même façon, mais en quelque sorte il a échoué 🙁
Ce qui fait de l'affichage et vous pouvez lier votre code afin que je puisse voir si je peux repérer quelque chose de mal car parfois, il peut être un caractère supplémentaire ou la moindre chose qui le brise.
Avez-vous encore des questions jestges et si oui pouvez-vous me montrer le présent code votre en essayant de le mettre en œuvre?
Donc jestges les progrès réalisés et les chances de voir votre code afin que je puisse repérer ce qui ne va pas?

InformationsquelleAutor jestges | 2013-07-10

115

J'ai trouvé ce morceau de l'information et réussi à le faire fonctionner correctement. Les données fournies pour moi, c'était dans un format de chaîne j'ai donc nécessaire pour analyser la chaîne à l'aide de kendo.parseDate avant de formater avec kendo.toString.
```
columns: [
    {
        field: "FirstName",
        title: "FIRST NAME"
    },
    {
        field: "LastName",
        title: "LAST NAME"
    },
    {
        field: "DateOfBirth",
        title: "DATE OF BIRTH",
        template: "#= kendo.toString(kendo.parseDate(DateOfBirth, 'yyyy-MM-dd'), 'MM/dd/yyyy') #"
    },
...
```
Références:
- Cela fonctionne, mais je voudrais utiliser une fonction d'analyse sur la source de données et la mise en forme comme décrit ci-dessous à la place de ce qu'il se sent le plus propre 🙂
InformationsquelleAutor aholtry
40

juste besoin de mettre le type de données de la colonne de la source de données
```
dataSource: {
      data: empModel.Value,
      pageSize: 10,
      schema:  {
                model: {
                    fields: {
                        DOJ: { type: "date" }
                            }
                       }
               }  
           }
```
et puis votre colonne de déclaration:
```
 columns: [
    {
        field: "Name",
        width: 90,
        title: "Name"
    },

    {
        field: "DOJ",
        width: 90,
        title: "DOJ",
        type: "date",
        format:"{0:MM-dd-yyyy}" 
    }
]
```
- Cela ne fonctionne pas
- Dans l'exemple de la Grille de Liaison de données à distance démontré que cela fonctionne lien.
- Je l'ai fait à peu près la même chose à l'aide de la dernière version avec le seul changement de l'url et qu'il n'a pas de travail. Il semble que le kendo EST d'obtenir un objet de date pour la mise en forme de cette manière de travailler et odata résultats ne sont pas toujours de retourner un js objet date, donc, pour que ce travail que vous avez à gérer la fonction d'analyse comme indiqué ici: onabai.wordpress.com/2012/09/28/... ... le problème, il semble que .Net semble renvoyer des données au format ISO dans des situations comme lors de l'utilisation de WebAPI avec OData pour retourner les résultats.
- En d'autres termes, "cela fonctionne selon le format de votre OData chaîne de date", mais c'est une hypothèse à laquelle il n'est fait allusion dans cette réponse.
- Également intéressant de noter que la chaîne de format, dans ce cas, la sortie {0: et } de parties autour de la date formatée comme js formats de kendo utilise ne sont pas les mêmes .Net une.
- C'était la bonne réponse pour moi. Il y avait, à tort, la fermeture de support de sorte que le schéma n'était pas envisagée, et ma première solution a ce aholtry posté. Sans schéma et sans mise en forme, la date sera affiché comme jestges mentionné dans la question (2013-07-02T00:00:00Z). Mais quand je fixe les crochets, à la date de l'affichage pleinement détaillé (Ven 01 Jan 2016 00:00:00 GMT-0800 (Pacific Standard Time)), et à ce point était que le format attribut commencé à travailler et j'ai pu obtenir débarrasser de la double conversion de la accepté de répondre.
- C'est le propre et la bonne façon de le faire. 1. déclarer le type de la colonne dans le schéma, puis utilisez la simple définition d'un format comme indiqué ci-dessus
- Cela a fonctionné pour moi, bien que j'ai type: "Date" sur le terrain et supprimé cet attribut dans les propriétés de la colonne.
InformationsquelleAutor miguelug
10

Essayer de formater la date dans le kendo grille:
```
columns.Bound(x => x.LastUpdateDate).ClientTemplate("#= kendo.toString(LastUpdateDate, \"MM/dd/yyyy hh:mm tt\") #");
```
- cela suppose que le MVC wrapper est utilisé sur le serveur ... le samepl suggère que l'auteur de la demande est à l'aide d'un JS script client pour construire la grille donc ... pas utile.
- la syntaxe est différente, la chaîne de format est le même. compris? regardez de près, très près
- Vous êtes ignorant mon point de vue ... si j'ai demandé une solution à quelque chose en C# et vous m'avez donné une C++ répondre à ses pas utile ... c'est le même concept. Aussi: le Kendo ne se comportent pas de la même manière sur le client que sur le serveur (en fait, il ne se comportent pas de la même chose dans 2 endroits différents sur le client de la moitié du temps).
InformationsquelleAutor gurrawar

C'est comment vous le faites à l'aide de ASP.NET:

add .Format("{0:dd/MM/yyyy HH:mm:ss}"); 

    @(Html.Kendo().Grid<AlphaStatic.Domain.ViewModels.AttributeHistoryViewModel>()
            .Name("grid")
            .Columns(columns =>
            {

                columns.Bound(c => c.AttributeName);
                columns.Bound(c => c.UpdatedDate).Format("{0:dd/MM/yyyy HH:mm:ss}");   
            })
            .HtmlAttributes(new { @class = ".big-grid" })
            .Resizable(x => x.Columns(true))
            .Sortable()
            .Filterable()    
            .DataSource(dataSource => dataSource
                .Ajax()
                .Batch(true)
                .ServerOperation(false)
                        .Model(model =>
                        {
                            model.Id(c => c.Id);
                        })       
               .Read(read => read.Action("Read_AttributeHistory", "Attribute",  new { attributeId = attributeId })))
            )

InformationsquelleAutor Clouds Viz

L'option que j'utilise est comme suit:

columns.Bound(p => p.OrderDate).Format("{0:d}").ClientTemplate("#=formatDate(OrderDate)#");

function formatDate(OrderDate) {
    var formatedOrderDate = kendo.format("{0:d}", OrderDate);

    return formatedOrderDate;
}

Il a travaillé parfait!!! Merci
cette workds en jquery ainsi que asp.net mvc

InformationsquelleAutor Paul Zahra

Autant que je suis au courant pour le format de date que vous avez à gérer dans parameterMap,

$('#listDiv').kendoGrid({
            dataSource: {
                type: 'json',
                serverPaging: true,
                pageSize: 10,
                transport: {
                    read: {
                        url: '@Url.Action("_ListMy", "Placement")',
                        data: refreshGridParams,
                        type: 'POST'
                    },
                    parameterMap: function (options, operation) {
                        if (operation != "read") {
                            var d = new Date(options.StartDate);
                            options.StartDate = kendo.toString(new Date(d), "dd/MM/yyyy");
                            return options;
                        }
                        else { return options; }

                    }
                },
                schema: {
                    model: {
                        id: 'Id',
                        fields: {
                            Id: { type: 'number' },
                            StartDate: { type: 'date', format: 'dd/MM/yyyy' },
                            Area: { type: 'string' },
                            Length: { type: 'string' },
                            Display: { type: 'string' },
                            Status: { type: 'string' },
                            Edit: { type: 'string' }
                        }
                    },
                    data: "Data",
                    total: "Count"
                }
            },
            scrollable: false,
            columns:
                [
                    {
                        field: 'StartDate',
                        title: 'Start Date',
                        format: '{0:dd/MM/yyyy}',
                        width: 100
                    },

Si vous suivez l'exemple ci-dessus et juste renomme les objets comme "StartDate", alors il devrait fonctionner (ignorer les données: refreshGridParams,')

Pour plus de détails, consultez le lien ci-dessous ou recherchez simplement de kendo grille parameterMap sna voir ce que les autres ont fait.

http://docs.kendoui.com/api/framework/datasource#configuration-transport.parameterMap

Cela s'applique uniquement le code "non les opérations de lecture" ... un peu idiot puisque c'est de la lecture des données que vous souhaitez effectuer l'opération sur mais aussi vous êtes en appliquant le format pour le transport pas les données qui en résultent ... alors, comment cela vous aide?

InformationsquelleAutor Myzifer

-1

Cela peut être utile:

columns.Bound(date=> date.START_DATE).Title("Start Date").Format("{0:MM dd, yyyy}");

InformationsquelleAutor P Vallambotla

Vous devez vous connecter pour publier un commentaire.