DisplayField - Comment le format de la date?

Ok si vous utilisez une forme directe de charge, alors vous devez écouter le formulaire de BasicForm 'actioncomplete de l'événement. Lorsque cet événement se déclenche le gestionnaire, a fourni deux arguments. La première est la BasicForm et le second argument est un Ext.forme.L'Action de l'objet. Nous sommes particulièrement à la recherche pour un Poste.forme.D'Action.Charger un objet. De là, nous avons accès à l'action.objet de données et nous pouvons massage les valeurs de données avant de ce gestionnaire renvoie les valeurs sont entrées dans le formulaire.

function fmtDate(sf, rec) {
  if ( rec[sf] ) {
    var dt = new Date(); dt.setTime(rec[sf] * 1000); return dt.format('l j F Y');
  }
};

myForm.getForm().on({
  actioncomplete: function(form, action) {
    if (action.type === 'load') {
      if (action.result.success) {
        var data = action.result.data;
        data.someFormattedDate = fmtDate('myDateTS', data);
      } else {
        //handle an error here
      }
    }
  }
});

Maintenant tous vous avez besoin dans votre formulaire est un displayField nommé "someFormattedDate" et Bob's your uncle (de l'argot Australien pour c'est du tout bon). Vous pouvez également obtenir exactement la même chose par "un succès:" fonction de votre myForm.getForm().load() de l'appel. Voir la ExtJS docs pour Ext.forme.D'Action.De la charge.
Cheers, t00bs.

OriginalL'auteur Bruce

Je suis tombé sur ce même problème car j'aime transmettre mes dates autour comme des timestamps Unix et j'ai eu une exigence pour les afficher à l'aide de différents formats selon le contexte. Voici comment je l'ai fait.

Si vous chargez des données par le biais d'un magasin, puis vous pouvez utiliser la fonction de conversion fournis par Ext.les données.Champ. Par exemple:

var fields = [

  {name: 'sysTestedDateObj', mapping: 'sysTestedDateTS', type: 'date', dateFormat: 'timestamp'},

   /** Converted Fields **/
   {name: 'sysTestedDate', convert: function(v, rec){
      return fmtDate('sysTestedDateTS', rec);
   }},

   {name: 'targetChangeStartDate', convert: function(v, rec){
      return fmtDate('targetChangeStartDateTS', rec);
   }},

   {name: 'createDateTime', convert: function(v, rec){
      return fmtDateTime('createDateTS', rec);
   }},

   {name: 'modifyDateTime', convert: function(v, rec){
      return fmtDateTime('modifyDateTS', rec);
   }},
];

var store = new Ext.data.JsonStore({
  ...
  fields: fields
});

Voici quelques fonctions de conversion:

function fmtDate(sf, rec) {
  if ( rec[sf] ) {
    var dt = new Date(); dt.setTime(rec[sf] * 1000); return dt.format('l j F Y');
  }
};

function fmtDateShort(sf, rec) {
  if ( rec[sf] ) {
    var dt = new Date(); dt.setTime(rec[sf] * 1000); return dt.format('D j M Y');
  }
};

function fmtDateTime(sf, rec) {
  if ( rec[sf] ) {
    var dt = new Date(); dt.setTime(rec[sf] * 1000); return dt.format('l j F Y h:i a');
  }
};

function fmtDateTimeShort(sf, rec) {
  if ( rec[sf] ) {
    var dt = new Date(); dt.setTime(rec[sf] * 1000); return dt.format('D j M Y h:i a');
  }
};

Où sf est la source de champ nous sommes découlant de la date formatée de la chaîne d'.

Noter ce qui suit, c'est important. La fonction convert() la fonction est présenté avec une copie de l'enregistrement de données tel que lu par le lecteur de (c'est dans le ExtJS docs). Cela signifie que vous ne pouvez pas utiliser les champs mappés dans vos conversions. Dans les champs de tableau ci-dessus, j'ai un champ défini comme,

{name: 'sysTestedDateObj', mapping: 'sysTestedDateTS', type: 'date', dateFormat: 'timestamp'}

Donc, je suis de la création de la sysTestedDateObj date objet de la sysTestedDateTS champ et j'ai dit au lecteur que je veux me donner une date objet dérivé à partir d'un objet contenant un timestamp Unix. C'est un bel objet à avoir pour plus tard, mais il ne sera pas de la partie de l'enregistrement de données transmis à notre fonction de conversion.

Également de noter que la fonction de conversion peut référencer des champs dans l'enregistrement qui ne sont pas définis pour une utilisation par le magasin. Dans l'exemple ci-dessus, je un en utilisant le champ sysTestedDateTS dans une fonction de conversion parce que je sais que le serveur fournit dans sa réponse JSON, mais parce que je n'ai pas défini dans le tableau de champs, il ne sera pas disponible via la boutique à la consommation du composant.

OriginalL'auteur Bruce

Ext.forme.champ.D'affichage.html#cfg-rendu

Une fonction pour transformer la valeur brute pour l'afficher dans le champ.

Ext.Date.html#method-format

Les Formats de la date au format fourni chaîne.

---

var data = {
    "OrderNo": "2017071200000246",
    "Createtime": "2017/7/12 13:16:42"
}; //your read only data; or use bind store

var form = Ext.create({
    xtype: 'form',
    defaultType: 'displayfield',
    defaults: {
        labelWidth: 120,
        labelSeparator: ':'
    },
    items: [
        { fieldLabel: 'Order Number', value: data.OrderNo },
        { fieldLabel: 'Create Time', value: data.Createtime,  
             renderer: function (value, field) {
                 var date = new Date(value);
                 var newVal = Ext.Date.format(date, 'Y-m-d H:i:s');
                 return newVal;
             }
        }
    ]
});

OriginalL'auteur Snger