Problème manipulation d'une date avec JSON

Bonjour,

Pour être plus precis,

Je fais du localStorage avec JSON.
tout va bien sauf pour les dates je m'explique.

Cette fonction sert à ajouter des infos depuis un input

function ajoutInfo()
{   
 var nom=$('input[name="nom"]').val();
 var desc=$('textarea[name="description"]').val();
 var image=$('input[name="image"]').val();
 var date=$('input[name="date"]').val();
 var capacite=$('input[name="capacite"]').val();
 var pelouse=$('#pelouse').val();
 var transport=$('input[name="transport"]').val();
 
 
 lireBdJson();
 var descJsonObjects=bd.descriptions;
 var jsonObject={ 
  "nom":nom,
   "description":desc,
   "date":date,
   "capacite":capacite,
   "pelouse":pelouse,
   "transport":transport,
   "image":image  
 };
 descJsonObjects.push(jsonObject);
 bd.descriptions=descJsonObjects;
 localStorage.setItem('bdjson', JSON.stringify(bd)); 
 return(true);
 
 }

Cette partie sert à réutiliser mon objet JSON pour le mettre en html

function lireBdJson()
{
 bd=localStorage.getItem('bdjson');
 if((bd=="undefined")||(bd==null)){
  initialiserBdJson();
 }else{
  bd=JSON.parse(bd);
 }
 
 var descJsonObjects=bd.descriptions;
 var hr="<hr>";
  $("#contenu:first").append(hr);
   
 for(var i=0;i<descJsonObjects.length;i++){
  var jsonObject=null;
  jsonObject=descJsonObjects[i];
  var div='<div class="ajoutjson">';
      div=div+'<h3 class="nom" id="'+jsonObject.nom+'">'+jsonObject.nom+'</h3>';
      div=div+'<img class="image" src='+jsonObject.image+'>';
      div=div+'<div class="description">'+jsonObject.description+'</div>';
      div=div+'<b>Capacité :</b><span class="capacite">'+jsonObject.capacite+'</span><br/>';
      div=div+'<b>Pelouse :</b><span class="pelouse">'+jsonObject.pelouse+'</span><br/>';
      div=div+'<b>Ouverture prévu le :</b><span class="date">'+jsonObject.date+'</span><br/>';
      div=div+'<b>Transport :</b><span class="transport">'+jsonObject.transport+'</span><br/>';      
    div=div+'</div><br><br>';
    $("#contenu:first").append(div);
 }

Et enfin celle-ci à pour fonction d'enregistrer les transformations que je fait sur un objet

function mettreAJourBdJson()
{
 initialiserBdJson();
 var descJsonObjects=bd.descriptions;
 $('div[class="ajoutjson"]').each(function(){
  var nom=$(this).find('h3[class="nom"]').html();
  var desc=$(this).find('div[class="description"]').html();
  var image=$(this).find('img[class="image"]').attr('src');
  var date=$(this).find('span[class="date"]').html();
  var capacite=$(this).find('span[class="capacite"]').html();
  var pelouse=$(this).find('span[class="pelouse"]').html();
  var transport=$(this).find('span[class="transport"]').html();
  
  
  var jsonObject={ 
   "nom":nom,
   "description":desc,
   "capacite":capacite,
   "pelouse":pelouse,
   "transport":transport,
   "image":image
       };
      descJsonObjects.push(jsonObject);
 });
 bd.descriptions=descJsonObjects;
 localStorage.setItem('bdjson', JSON.stringify(bd));  
}

Bon tout fonctionne sauf pour la date.
Le problème est que lorsque je transforme un objet celui-ci n'enregistre pas la date dans le bon format.
Et je me retrouve avec une Date d'ouverture : undefined.

J'ai tenté de la rendre en String mais cela ne fonctionne toujours pas.

Toute aide est la bienvenue.

Merci,