Calendrier : JQuery récupération de la date avec 2 calendrier [Résolu]

Question

Posez votre question Signaler Répondre au sujet

Calendrier : JQuery récupération de la date avec 2 calendrier [Résolu]

EnguerrandP 295 Messages postés vendredi 26 avril 2013Date d'inscription 15 juillet 2015 Dernière intervention - 1 avril 2014 à 11:46 - Dernière réponse : EnguerrandP 295 Messages postés vendredi 26 avril 2013Date d'inscription 15 juillet 2015 Dernière intervention

- 1 avril 2014 à 18:30

Javascript / DHTML Posez votre question Signaler Répondre au sujet

Bonjour,

Voila mon problème :
J'ai deux calendrier qui ne sont pas en pop-up sous un input, mais je veut récupérer la valeur sélectionné par le calendrier "1" dans l'input "DATE1" et par le calendrier "2" dans l'input "DATE2".

Voila se qu'il y a à l'origine (prévu pour un calendrier):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Datepicker</title>
<link href="jquery.datepick.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.datepick.js"></script>
<script>
$(function() {
 $('#popupDatepicker').datepick();
 $('#inlineDatepicker').datepick({onSelect: showDate});
});

function showDate(date) {
 alert('The date chosen is ' + date);
}
</script>
</head>
<body>
<h1>jQuery Datepicker</h1>
<div id="inlineDatepicker"></div>
</body>
</html>

Le code avec ma modification :

<php  xmlns="http://www.w3.org/1999/xphp" xml:lang="fr">
<title>Daily Time </title>
<head>
 <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" />

 <link href="jquery.datepick.css" rel="stylesheet">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="jquery.plugin.js"></script>
 <script src="jquery.datepick.js"></script>
 <script src="jquery-ui.multidatespicker.js"></script>
 
</head>

<body background="IMAGES/fond_M_CAE.jpg">
 <script>
  $(function() 
  {
   $('#popupDatepicker').datepick();
   $('#inlineDatepicker').datepick({onSelect: showDate});
   $('#inlineDatepicker2').datepick({onSelect: showDate});
  });

  function showDate(date) 
  {
  if (onclic=inlineDatepicker)
    {
   document.getElementById("DATE1").value =date
    }
    else (onclic=inlineDatepicker2)
     {
    document.getElementById("DATE2").value =date 
        }   
  }
 </script>
 
 <div id="inlineDatepicker"></div>
 <input type="date" id="DATE1" Value='date' Size="9"></input>
 
 <div id="inlineDatepicker2"></div>
 <input type="date" id="DATE2" Value="" Size="9"></input>
 
</body>
</php>

Comment je peut faire pour pouvoir récupérer facilement c'est valeur ?

(Se post découle de la résolution du post suivant : Calendrier : Toujours visible sur la page)

Merci
Merci et que le café soit avec vous.

Afficher la suite

3 réponses

Répondre au sujet

Accepted Answer

+1

Utile

2

Re,

Dans ta fonciton function showDate(date)

1 - ONCLICK ne correpond à rien

2 - La comparaison de valeurs dans tes IF.. ça ne se fait pas avec un seul égal.

onclic=inlineDatepicker

La tu lui dit de mettre le contenu d'une variable nommée inlineDatepicker dans une variable nommée onclic...

Vas regarder ce site :
http://www.w3schools.com/js/js_comparisons.asp

Pour ce qui est de ton code... au final plus simple c'est de le modifier pour pouvoir passer en argument l'ID de ton calendrier et/ou celui de l'INPUT à remplir.
un truc du genre :

<script type="text/javascript">
  $(function() 
  {
   $('#popupDatepicker').datepick();
   $('#inlineDatepicker').datepick({onSelect:function(dateText){
    document.getElementById("DATE1").value =dateText;
    }
   });
    $('#inlineDatepicker2').datepick({onSelect:function(dateText){
      document.getElementById("DATE2").value =dateText;
    }
   });
});
 </script>

http://jsfiddle.net/bgPfx/6/

Cette réponse vous a-t-elle aidé ? Oui Non

Calendrier : JQuery récupération de la date avec 2 calendrier [Résolu]

Vous n'êtes pas encore membre ? inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !