Ok voici le code généré :
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="fr">
<head>
<title>Administration</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/mon_css.css">
<!-- insertion code jquery du calendrier -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
</head>
<script>
$( function() {
$( "#datepicker" ).datepicker({monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
dateFormat: 'dd-mm',
prevText: 'Précédent',
nextText: 'Suivant',
firstDay : 1,
showOn: "button",
// buttonImageOnly: true,
buttonText:"Choisir la date",
buttonImage: "/images/datepicker.gif"
});
} );
</script>
<form method="GET" action="test1.php" >
<div class="container1">
<p>Date: <input type="maDate" id="datepicker" name="Datepicker"></p>
<script>
document.getElementById("datepicker").value = "04-10";
</script>
</div>
heure début surveillance essaimage primaire : <input type="time" id="wakeup" name="horloge"value ="10:00" >
<button type="submit">Récupérer la valeur</button>
<script src="assets/js/mon_javascript.js"></script> <!--fichier contenant mes fonctions javaScript-->
</form>
</body>
</html>
voici le code source :
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="fr">
<head>
<title>Administration</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/mon_css.css">
<!-- insertion code jquery du calendrier -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
</head>
<script>
$( function() {
$( "#datepicker" ).datepicker({monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
dateFormat: 'dd-mm',
prevText: 'Précédent',
nextText: 'Suivant',
firstDay : 1,
showOn: "button",
// buttonImageOnly: true,
buttonText:"Choisir la date",
buttonImage: "/images/datepicker.gif"
});
} );
</script>
<?php
include "connexion.php"; //insertion des codes d'accès à la base
include "/var/www/html/fonctions.php"; // insertion des fonctions
$heureDebutPrimaire=getOption( $bdd, "Heure_Debut_Primaire" ) ;
$dateDebutPrimaire = getOption( $bdd, "Date_Debut_Primaire" ) ;
?>
<br>
<br>
<br>
<br>
<br>
<br>
<form method="GET" action="test1.php" >
<div class="container1">
<p>Date: <input type="maDate" id="datepicker" name="Datepicker"></p>
<script>
document.getElementById("datepicker").value = "<?php echo $dateDebutPrimaire; ?>";
</script>
<br>
<br>
<br>
</div>
heure début surveillance essaimage primaire : <input type="time" id="wakeup" name="horloge"value ="<?php echo $heureDebutPrimaire; ?>" >
<button type="submit">Récupérer la valeur</button>
<script src="assets/js/mon_javascript.js"></script> <!--fichier contenant mes fonctions javaScript-->
</form>
</body>
</html>
Et donc mon code actuel qui n'est pas spécifique au bouton de datepicker et donc touche tous les boutons :
.container1 {
display: flex;
flex-direction: row;
justify-content: center;
align-items:center;
flex-basis: content;
}
button,
.button {box-shadow: inset 0 0 0 2px #0349fe;
margin-top:50px;
margin-left:-75px;
}
Merci
et comme je l'ai dit si cela peut aider je peux vous envoyer en MP l'adresse du site...
