Définir la valeur initiale de la date dans Jquery Datepicker [duplicate]
Dec 12 2020
J'utilise jquery-ui.js et son composant datepicker, comme suit
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() { $( "#datepicker" ).datepicker();
} );
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
Cependant, au lieu de la date d'aujourd'hui, je souhaite définir une valeur initiale pour le sélecteur de date. (Je prévois de récupérer une date à partir d'une base de données mysql via php). Comment puis-je le faire ?
Réponses
KenLee Dec 12 2020 at 17:20
Le moyen le plus simple est (pour mettre une valeur de date php $ initialdate comme valeur de date initiale dans datepicker):
Vous modifier les codes de
$( function() {
$( "#datepicker" ).datepicker();
} );
à
$( function() {
$( "#datepicker" ).datepicker(); } ); $( "#datepicker" ).datepicker( "setDate", '<?php echo $initialdate; ?>');
Assurez-vous que le format de votre sélecteur de date est le même que celui de votre base de données.
Par exemple, si la date de votre base de données est AAAA-MM-JJ, je vous suggère d'utiliser également ce qui suit (avant la ligne de date de consigne) (sinon la date initiale ne peut pas être correctement définie):
$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );