Establecer valor inicial para la fecha en Jquery Datepicker [duplicado]
Dec 12 2020
Estoy usando jquery-ui.js y su componente datepicker, de la siguiente manera
<!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>
Sin embargo, en lugar de la fecha de hoy, quiero establecer un valor inicial para el selector de fechas. (Planeo recuperar una fecha de un mysql db a través de php). Cómo puedo hacerlo ?
Respuestas
KenLee Dec 12 2020 at 17:20
La forma más sencilla es (poner un valor de fecha php $ initialdate como su valor de fecha inicial en datepicker):
Modificando sus códigos de
$( function() {
$( "#datepicker" ).datepicker();
} );
a
$( function() {
$( "#datepicker" ).datepicker(); } ); $( "#datepicker" ).datepicker( "setDate", '<?php echo $initialdate; ?>');
Asegúrese de que el formato de su selector de fechas sea el mismo que el de su base de datos.
Por ejemplo, si la fecha de su base de datos es AAAA-MM-DD, le sugiero que utilice también lo siguiente (antes de la línea setdate) (de lo contrario, la fecha inicial no se puede configurar correctamente):
$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );