ExtJS DateField à l'aide de différents format d'affichage

Je suis en utilisant un ExtJS DateField de contrôle dans un ASP.NET application web MVC.

J'ai mis format à la propriété "Y-m-d", de sorte qu'il va analyser correctement le "2009-08-11" format à partir du serveur, et aussi de l'envoyer dans ce format.

Cependant, j'aimerais afficher les données dans une autre, plus convivial, le format, en particulier "d mmm yyyy" en espagnol.

Je n'arrive pas à comprendre comment le faire. Je ne pense pas que le altFormats de la propriété est de vous aider, étant donné que seulement ajoute plus d'analyser les formats.

Est-il possible d'utiliser un autre d'analyser le format d'affichage format? Ou suis-je les choses à ce sujet dans le mauvais sens?

  • Utilisation personnalisée de rendu de fonction d'affichage de l'espagnol format correctement.
InformationsquelleAutor Tom Lokhorst | 2009-08-11
  1. 6

    oui. Il est possible.

    Voir http://extjs.com/deploy/dev/docs/?class=Date pour les formats de date.

    Pour ce qui peut être personnalisé, à la sortie de la boîte, voir le ext-3.0.0\src\locale\ dossier. Inclure le fichier ou simplement personnaliser votre propre, en utilisant des fichiers comme modèle.

    Par exemple :

    Date.monthNames = [
   "Januar",
   "Februar",
   "Marec",
   "April",
   "Maj",
   "Junij",
   "Julij",
   "Avgust",
   "September",
   "Oktober",
   "November",
   "December"
];

Date.dayNames = [
   "Nedelja",
   "Ponedeljek",
   "Torek",
   "Sreda",
   "Četrtek",
   "Petek",
   "Sobota"
];

console.log((new Date()).format('Y-M-D'))

    Ce qui concerne,
    Joshua

    • Salut Joshua, je peux obtenir de la date format de l'amende, à l'aide de la ExtJs fonctionnalités de localisation. C'est juste que je veux utiliser un autre format de l'affichage à partir de l'analyse de format.
    • Lorsque nous envoyer les dates à partir du serveur, nous avons toujours analyser pour un full javascript date. Cela contourne toute ambiguïté éventuellement subis pendant le passage de la date à partir de SQL > C# > javascript. (C#) jsonResponse = "{madate:new Date('" + d.ToString("MM/jj/aaaa HH:mm:ss") + "')}" ; où d est de type DateTime. Voulez-vous dire à l'intérieur d'un EditorGridPanel ou à l'intérieur d'un FormPanel?
    • Le DateField est à l'intérieur d'une Forme. Si c'était l'intérieur d'une Grille, je pense que je pourrais remplacer le ColumnModel rendu à faire de rendu personnalisé de l'objet Date.
    • Vous avez raison sur la colonne de moteur de rendu. Lorsque les valeurs de réglage sur votre formulaire ou d'accepter l'entrée de votre utilisateur dans un format différent du format d'affichage que vous avez mis sur votre terrain, l'astuce est de revenir à un javascript date de l'analyseur fonctionne correctement. Si c'est le deuxième cas, envisager la substitution de la "formatDate" et "parseDate" les membres de la "Ext.forme.DateField", avec un traitement supplémentaire pour convertir le texte tapé à un javascript date. Sinon, vous pourriez envisager d'utiliser la datejs de la bibliothèque en collaboration avec votre ExtJs mise en œuvre. Voir bit.ly/Datejs_ExtJS_Compatibility
    • par la voie. En réponse à votre dernier commentaire de Lewis. Si javascript est désactivé, ExtJs ne va pas être disponible.
    • Ceux formatDate et parseDate sur le contrôle de l'air très prometteur! Je ne savais pas à ceux qui existaient, ils ne sont pas dans la documentation (au moins pas sur la page que je suis en train de regarder). Je vais voir si je peux obtenir mon comportement souhaité par substitution de ces deux fonctions.
    • Il ressemble à formatDate n'est pas aussi utile que je pensais au départ, cette fonction est utilisée à la fois la chaîne de caractères qui sont présentés à l'utilisateur, et la chaîne de l'envoyer vers le serveur. Je veux vraiment que les deux chaînes...
    • Si vous souhaitez soumettre un format différent pour le serveur, j'avais format souhaité "yyyy-mm-dd" dans votre json deserializer fonction. Si vous ne pouvez pas faire cela, considérons l'écrasement de la Poste.lib.Ajax.serializeForm méthode pour gérer les dates de la façon spéciale que vous voulez faire les choses.
    • Explorer le code source pour voir exactement ce qui se passe lorsque vous soumettez votre formulaire. L'Ext.lib.Ajax.serializeForm méthode est appelée à partir de la BasicForm.js classe dans le "getValues" la méthode.

    InformationsquelleAutor Joshua
  2. 4

    En fait, la format config est utilisé à la fois pour l'analyse ET pour définir le format d'affichage. Aussi longtemps que altFormats contient tous les possibles de types de formats de données que vous souhaitez soutenir pour l'analyse (la valeur par défaut inclut Y-m-d), vous devez être en mesure de faire quelque chose comme ceci:

    Ext.onReady(function(){
    new Ext.form.DateField({
        format: 'd F Y', //'d mmm yyyy' is not valid, but I assume this is close?
        width: 200,
        renderTo: Ext.getBody(),
        value: '2009-08-11'
    });
});
    • Je suppose que allons afficher l'amende juste. Le truc, c'est que j'aimerais avoir yyyy-mm-dd que le format de la chaîne est renvoyée au serveur. Donc, je peux obtenir de l'analyse de travailler avec altFormats, mais le format visuel et "envoyer à un serveur" format semblent avoir été réunis dans le seul format de la propriété.
    InformationsquelleAutor Brian Moeskau
  3. 1

    Afin de clarifier ma compréhension, vous avez un champ de date que:

    1. Les besoins de l'analyse sur un serveur, au format Y-m-d
    2. Vous souhaitez afficher la date dans le format d mmm aaaa à l'aide de Spaninsh noms de mois

    Ma première réaction, selon ma compréhension, que vous pouvez configurer votre poste date de champs de format et de valider le deuxième format ('d mmm yyyy") en utilisant le format de l'option de configuration (format:'d mmm yyyy"). Puis vous l'envoyer vers le serveur, pour votre contrôleur de l'action (je suppose), comme un paramètre de chaîne pas un DateTime. Ensuite, dans votre action de contrôleur analyser la chaîne de date et de le convertir à l'aide de:

     DateTime.ParseExact(myDate, 'd mmm yyyy',  CultureInfo.CurrentCulture)

    ou similaires, puis vous pouvez convertir n'importe quel format que vous aimez, de ce que l'objet date.

    Ceci ne laisse que l'abréviation du nom dans les champs de Date dans le navigateur. Je ne suis pas entièrement sûr de savoir comment Ext poignées de cela, mais je ne suis pas conscient d'être en mesure de remplacer le format de la date et de le forcer à utiliser un spécifique de la culture, de l'Ext /Javascript, donc je m'attends à ce que vous feriez à la merci du navigateur /système d'exploitation sans avoir à écrire quelque chose de vous-même.

    Mise à JOUR:

    Combiné avec l'exemple donné par Josué pour le mois, le jour, les noms à vous donner la solution que vous recherchez.

    J'espère que ça aide.

    • Bien sûr, je suppose que ça va fonctionner. J'espère juste que il y a une solution qui me permet de faire tous à la culture spécifique de mise en forme sur le côté client et envoyer simple, non-culture spécifique, formats vers et depuis le serveur.
    • Ce que vous avez besoin est quelque chose qui intercepte le de la soumission et transforme l'validé les dates. C'est très bien pour le Javascript des navigateurs, mais avez-vous toujours pas besoin de s'inquiéter à propos de JS est désactivé. C'est peut-être pas une préoccupation dans votre application? Je déteste les dates.
    • Eh bien, si JavaScript est désactivé, l'utilisateur n'aura qu'à entrer une date au format aaaa-mm-jj, qui est très bien avec moi (si la date est dans le mauvais format, le serveur renvoie simplement à la page avec un message d'erreur). Si l'utilisateur a activé JavaScript, ils obtiennent une belle expérience avec un contrôle datepicker localisée à leur propre langue. Maintenant, si il n'y avait qu'une façon aussi de montrer la date elle-même dans le contrôle, dans leur langue... 🙂
    • Oh, je n'étais pas payer beaucoup d'attention à l'HTML généré, apparemment, la date est dans un CSS-caché <div>, pas caché <input> que je pensais. Dans ce cas, le formulaire ne fonctionne pas avec le JavaScript désactivé, mais je n'ai pas vraiment de soins à ce sujet, c'est un logiciel commercial, pas un site web grand public.
    InformationsquelleAutor Lewis
  4. 0

    Vous pourriez être intéressé par ces plugins pour DateField et TimeField:
    http://www.rahulsingla.com/blog/2010/05/extjs-date-time-field-plugins-for-efficient-data-entry

    InformationsquelleAutor r_honey