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