DateField + Format + Timestamp

Version imprimable

19/05/2010, 14h16
BqiKo

DateField + Format + Timestamp

Hello tout le monde ! :mouarf:

J'ai une petite question :

J'ai un datefield, et je voudrais que l'affichage (donc ce qui est visible par l'utilisateur) soit en format d/m/y mais que derrière ce soit transformer en timestamp (pour l'utiliser dans ma BD).

Comment je peux faire cela ?

Merci d'avance !
BqiKo :ccool:

Je sais pas si j'ai bien compris ta question, mais je pense que tu peux faire comme ça;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
// fonction formatDate
formatDate = function(value)
{
	if(value != null && value.length >= 10)
	{
		dateValues = value.split('T');
 
		value = dateValues[0];
 
		return value.substring(8, 10) + "/" + value.substring(5, 7) + "/" + value.substring(0, 4);
	}
 
	return null;
}
 
// dans ton formulaire
// ...
{
	header: 'Date création',
 
        renderer: function(value){ return this.formatDate(value); }
},
//..

J'espère que ça marche :pingoin2:

19/05/2010, 16h01
BqiKo

Il n'y a pas une fonction ou un attribut du 'datefield' qui permet de le faire plus simplement ?

Ca me parait bien "compliqué" pour si peu :oops:
19/05/2010, 16h11
BqiKo

Apparement il faut utiliser Date.parseDate(), mais j'ai aucune idée de comment ça fonctionne.. :cry:
19/05/2010, 16h18
takitano

Citation:

Envoyé par BqiKo

Hello tout le monde ! :mouarf:

J'ai une petite question :

J'ai un datefield, et je voudrais que l'affichage (donc ce qui est visible par l'utilisateur) soit en format d/m/y mais que derrière ce soit transformer en timestamp (pour l'utiliser dans ma BD).

Comment je peux faire cela ?

Merci d'avance !
BqiKo :ccool:

bonjour,

pour la première partie, tu as l'attribut format qui te premet d'afficher ta date comme tu le souhaite ... exemple ...

Code:

toto= new DateField({format:'d-m-Y'});

sinon, tu as l'objet Date de Ext, qui te permet de faire plein de chose, cf API Extjs ...
19/05/2010, 16h21
BqiKo

Oui oui Taki` !

L'affichage est bon, parce que j'utilise l'attribut 'format'.
Mais c'est ensuite que ça me pose problème. Parceque moi en fait, je faisait mes changements (timestamp -> date et inverse) dans mon php, mais on m'a dit que fallait le faire dans le javascript.
19/05/2010, 16h36
mynour
Je pense que tu peut utiliser l'attribut format pour le datefield
Code:

1 2 3 4 5 6 7 //.. xtype: 'datefield', fieldLabel: 'Label', anchor: '100%', format: 'd/m/Y' //..
Et l'attribut dateFormat pour un field de type date, donc à partir de ta base de données tu reçois une date sous format timestamp et elle va être formater en ext js via l'attribut dateFormat
Code:

1 2 3 4 5 6 { name: 'myfield', type:'date', dateFormat: 'd/m/Y' }
19/05/2010, 16h54
BqiKo

Je suis surement fatigué, mais je vois pas en quoi la deuxieme chose que tu as mise peut m'aider :oops:

Je redéfini le contexte :

- J'ai un datefield
- Avec comme attribut format : 'd/m/y' (donc l'affichage est good)
- Sauf que je ne veux pas récupérer la valeur 18/02/2010 (par exemple), mais le timestamp de celle ci.

Oui je comprends le contexte, mais je voix pas pourquoi tu fais pas ça en PHP, de toute façon si tu va le traiter en js avant de l'envoyer au serveur je pense que tu dois créer une fonction js qui te permet de transformer la date avant de l'envoyer. (je pense qu'il faut ajouter un champ invisible dans ton formulaire, pour stocker cette nouvelle valeur)

Tu peux utiliser ça dans ta fonction js
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // Exemple de la doc de Ext JS Date.patterns = { ISO8601Long:"Y-m-d H:i:s", ISO8601Short:"Y-m-d", ShortDate: "n/j/Y", LongDate: "l, F d, Y", FullDateTime: "l, F d, Y g:i:s A", MonthDay: "F d", ShortTime: "g:i A", LongTime: "g:i:s A", SortableDateTime: "Y-m-d\\TH:i:s", UniversalSortableDateTime: "Y-m-d H:i:sO", YearMonth: "F, Y" }; var dt = new Date(); document.write(dt.format(Date.patterns.ShortDate));

19/05/2010, 17h21
BqiKo

Bah je le faisai dans mon php, mais mon maitre de stage ma dit qu'il fallait le faire en js..
Question de pratique apparement..
19/05/2010, 17h36
mynour

Franchement je sais pas comment le faire en js autrement, mais à mon avis je trouve qu'il faut toujours contrôler les données des formulaires du coté serveur (plus de sécurité) même que c'est plus rapide si on le fait du coté client.
20/05/2010, 00h36
takitano
Alors comment transformer une date 13/05/2010 en timestamp ...
Code:

1 2 3 4 var myDate= '13/05/2009'; var tab=myDate.split('/'); var temp=new Date(tab[2],tab[1],tab[0]); var myTimeStamp = temp/1000;
Citation:

Bah je le faisai dans mon php, mais mon maitre de stage ma dit qu'il fallait le faire en js..
Question de pratique apparement..

comme disait mynour, le traitement doit se faire cote serveur. j'aimerais connaitre les raison de ton maitre stage ... je suspecte que son script soit un joli bordel ... :)
20/05/2010, 10h32
BqiKo

J'Y ARRIVE PAS :cry::cry::cry: !!

J'ai essayer trop de truc mais j'y arrive pas..
Ma date s'affiche bien dans le format '20/05/2010' dans mon datefield quand je la choisis.
Cependant, quand j'envoi ma date au serveur, elle est de format :

Code:

2010-05-20T00:00:00

Je vais finalement faire les traitements coté PHP, parceque ça m'a l'air plus simple et plus efficace comme vous le dites !
Cependant, je n'arrive pas à traiter cette date pour le transformer en timestamp..
Je sais qu'il faut utiliser mktime(par1,par2,par3,...) mais ça marche pas..
Ou alors, je me plante complétement :cry:

Quand je récupére la valeur '2010-05-20T00:00:00', je la met dans la variable $limRespDate comme suit :

Code:

$limRespDate = isset($_POST['LIM_RESP_DATE']) ? $_POST['LIM_RESP_DATE'] : false;

Need help please :oops:
20/05/2010, 11h08
takitano

j'ai pondu un code ...

ca serait bien de le regarder ... :)

Bon bah voila ce que j'ai pour l'instant..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
                    xtype: 'datefield',
                    fieldLabel: 'Date de saisie',
                    id: 'NewFolderArrivalDate',
                    name: 'NewFolderArrivalDate',
                    format: "d/m/y",
                    value: new Date(),
                    width: 130,
                    listeners : function(){
 
                        var myDate = Ext.getCmp('NewFolderArrivalDate').getValue();
                        var tab = myDate.split('/');
                        var temp = new Date(tab[2],tab[1],tab[0]);
                        var myTimeStamp = temp/1000;
 
                }},

Code:

1
2
3
4
5
6
7
Ext.Ajax.request({
                    url: '/Gestionnaire_de_courrier/server/json/AddFolder.php',
                    method: 'POST',
                    params: {
                        action : "AddFolder",
                        ARRIVAL_DATE : myTimeStamp,//Ext.getCmp('NewFolderArrivalDate').getValue(),//(Ext.getCmp('NewFolderArrivalDate').getValue()).format(Date.patterns.TimeStamp),//Ext.getCmp("NewFolderArrivalDate").getValue()
                    },

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{
                    xtype: 'datefield',
                    fieldLabel: 'Date de saisie',
                    id: 'NewFolderArrivalDate',
                    name: 'NewFolderArrivalDate',
                    format: "d/m/y",
                    value: new Date(),
                    width: 130,
                    listeners : {
'select':function(){
 
                        var myDate = Ext.getCmp('NewFolderArrivalDate').getValue();
                        var tab = myDate.split('/');
                        var temp = new Date(tab[2],tab[1],tab[0]);
                        var myTimeStamp = temp/1000;alert(myTimeStamp );
 
                }},

regarde si tu as une alert avec ton timestamp ...

si c 'est oui, tu remplace ton alert par:

Code:

1
2
3
4
5
6
7
Ext.Ajax.request({
                    url: '/Gestionnaire_de_courrier/server/json/AddFolder.php',
                    method: 'POST',
                    params: {
                        action : "AddFolder",
                        ARRIVAL_DATE : myTimeStamp
                    }});

20/05/2010, 14h10
BqiKo

Il me dit que myDate.split('/'); n'est pas une fonction..
20/05/2010, 14h54
takitano

tu peux essayer ca ...
alert(Ext.getCmp('NewFolderArrivalDate').getValue());
20/05/2010, 14h58
BqiKo

Il me renvoi sa dans l'alert :

Code:

Tue May 18 2010 00:00:00 GMT+0200

ok ...

mes plutot ce code la ...

Code:

1
2
3
4
5
 
'select':function(a,b){
                        var myDate =new Date(b);
                        var myTimeStamp = myDate/1000;alert(myTimeStamp );
                }},

Apparement, il me renvoi le bon TimeStamp :D !

Mais ensuite, quand je veux l'utiliser dans :

Code:

1
2
3
4
5
6
7
8
9
 Ext.Ajax.request({
                    url: '/Gestionnaire_de_courrier/server/json/AddFolder.php',
                    method: 'POST',
                    params: {
                        action : "AddFolder",
// Il y a d'autre truc;
                        ARRIVAL_DATE : myTimeStamp
//Il y a d'autre truc;
                    },

Firebug me dit que myTimeStamp n'est pas défini :cry:

20/05/2010, 15h22
takitano

si tu le mes dans la fonction select, il n y a pas de soucis ...

Bah c'est que je peux pas, parceque en faite, ma requete Ajax, c'est dans le handler d'un bouton..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
buttons: [{
            text: 'Valider',
            id: 'ValidNewFolderBtn',
            cls: 'x-btn-text-icon',
            icon: 'client/img/icons/accept.png',
 
            handler: function(){
 
                Ext.Ajax.request({
                    url: '/Gestionnaire_de_courrier/server/json/AddFolder.php',
                    method: 'POST',
                    params: {
                        action : "AddFolder",
                        ID : Ext.getCmp("NewFolderNameFolder").getValue(),
                        ID_STYLE_MAIL : Ext.getCmp("NewFolderStyleMail").getValue(),
                        ID_THEME : Ext.getCmp("NewFolderThème").getValue(),
                        CONTACT : Ext.getCmp("NewFolderContact").getValue(),
                        ID_MEMBER : Ext.getCmp("stock_id_member").getValue(),
                        STRUCTURE : Ext.getCmp("NewFolderStructure").getValue(),
                        LIM_RESP_DATE : Ext.getCmp('NewFolderLimDate').getValue(),//Ext.util.Format.date((Ext.getCmp("NewFolderLimDate").getValue()), 'TimeStamp'),//.format(Date.patterns.TimeStamp),
                        ARRIVAL_DATE : myTimeStamp,//Ext.getCmp('NewFolderArrivalDate').getValue(),//(Ext.getCmp('NewFolderArrivalDate').getValue()).format(Date.patterns.TimeStamp),//Ext.getCmp("NewFolderArrivalDate").getValue(),
                        COMMENT: Ext.getCmp("NewFolderComment").getValue(),
                        ID_TAKE_CHARGE: Ext.getCmp("NewFolderAffect").getValue()
 
                    },
                    success: function() {
                        console.log('success');
                        Ext.getCmp('Form1').getForm().reset();
                        Ext.getCmp('Form2').getForm().reset();
                        Ext.getCmp('Form3').getForm().reset();
                        Ext.getCmp('Form4').getForm().reset();
                        Ext.Ajax.request({
                            url: '/Gestionnaire_de_courrier/server/json/RecoveryLastFolderId.php',
                            method: 'POST',
                            params: {
                                action : "RecoveryLastFolderId"
                            },
                            success: function(response) {
 
                                Folders = Ext.util.JSON.decode(response.responseText);
                                Ext.getCmp('NewFolderNameFolder').setValue(Folders.Folders.ID);
                            },
                            failure: function() {}
 
 
                        });

20/05/2010, 15h32
takitano

ok ...

tu enlèves var de 'var myTimeStamp' dans la fonction select ,

et tu mets

Code:

var myTimeStamp=null;

juste avant onReady()
20/05/2010, 15h45
BqiKo

VICTOOOOORYYYYYYYYYYY :mouarf::mouarf::mouarf::mouarf: !!!

Cependant, je n'ai pas eu besoin de rajouter : var myTimeStamp=null; avant le OnReady() !

Et deuxieme cependant : Ca marche, je suis content, mais je comprend pas ce que tu as fait..

Et troisieme cependant : Un grand merci à toi Taki`.. :ccool:
20/05/2010, 15h49
takitano

Bravo ...

J'attends la bouteille de champagne ...

en fait pour faire communiquer des données entre objets, la solution la plus simple est de créer des var globales, ...

le mieux est d'utiliser Ext.ns ... mais pour te simplifier la vie ... je ne l'ai pas fait ...