Discussion :

[Mornor]

Bonjour � tous,

Dans le cadre de la r�alisation d'une timeline en Javascript, j'ai besoin de cr�er un JSON s'apdatant � la structure suivante :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 data = [{
    'start': new Date(2010,7,23),
    'content': 'Buy a Polo'
    // Add a picture : 'content': 'Mail from boss<br><img src="img/mail-icon.png" style="width:32px; height:32px;">'
},{
    'start': new Date(2010,7,23,23,0,0),
    'content': 'Sell some books'
},{
    'start': new Date(2010,7,26),
    'end': new Date(2010,8,2),
    'content': 'Buy a new house'
},{
    'start': new Date(2010,7,28),
    'content': 'Conso 10L fuel'
},{
    'start': new Date(2010,7,29),
    'content': 'Conso 3L oil'
},];

Mais je ne vois pas quelle pourrait-�tre la structure du JSON que je pourrai cr�er.

J'ai pens� � quelque chose comme cela :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

[{"start":"new Date(2010,7,28)", "content":"bla bla"},{"start":"new Date(2010,7,28)", "content":"blo blo"}]

Mais je ne pense pas que je vais pouvoir instancier de nouvelles dates en proc�dant de la sorte.

Me trompes-je ?

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

"new Date(2010,7,28)"

c'est du string ... pas du code js ...

[Mornor]

Ca rend effectivement les choses plus claires ...

Il me suffirait donc de faire ainsi :

data = stringData;

Avec stringData = Tout ce qu'il y'a dans data pour le moment ?

[SpaceFrog]

rien ne t�emp�che de mettre une date dans le json ...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

[{"start":new Date(2010,7,28),

[Mornor]

Ah tiens, je ne savais pas �a !
Merci

[Bovino]

Attention quand m�me : ce que l'on appelle le format JSON, c'est uniquement la repr�sentation textuelle de l'objet, donc si rien n'emp�che effectivement de mettre comme valeur d'une propri�t� un objet date, ce sera la valeur de Date().toString() qui sera utilis�e :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
var obj = {
    debut: new Date(2010,7,28)
};
console.log(JSON.stringify(obj);  // {"debut":"2010-08-27T22:00:00.000Z"}

En gros, tout objet poss�dant une propri�t� toString() peut �tre affect� � un JSON, mais c'est le r�sultat de l'application de cette m�thode qui sera utilis�.

[sekaijin]

le JSON.parse ne retournera pas de date mais des strings

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var fragment = '[{"start":"2010-07-08T00:00:00", "content":"bla bla"},{"start":"2010-07-28T00:00:00", "content":"blo blo"}]';
 
var jsonFragment = JSON.parse(fragment);
for(var i=0; i<jsonFragment.length;i++) {
    console.log(typeof jsonFragment[i].start);
    jsonFragment[i].start = new Date(Date.parse(jsonFragment[i].start));
    console.log(typeof jsonFragment[i].start);
}

A+JYT