CALENDARIO ui EN INPUT
Primero se incluye el script jquery-ui.min.js, jquery-ui.css y la carpeta images
(download click acá), (además del jquery-x.x.x.min.js)
Luego se parametriza el calendario a Argentina, explicado en el script más abajo. Finalmente en un script inicializamos el calendario y lo enlazamos por ej al id de un input. En la misma página una vez inicializado calendar podemos enlazar a todos los controles que deseamos. No olvidar ademas de los js y css de ui copiar la carpeta images dentro de scripts
Luego se parametriza el calendario a Argentina, explicado en el script más abajo. Finalmente en un script inicializamos el calendario y lo enlazamos por ej al id de un input. En la misma página una vez inicializado calendar podemos enlazar a todos los controles que deseamos. No olvidar ademas de los js y css de ui copiar la carpeta images dentro de scripts
<head>
<script src="../scripts/jquery-3.6.4.min.js"></script>
<script src="../scripts/jquery-ui.min.js"></script>
<?php
$copia1=""; // Evita un warning $copia1 y 2 no existen cuamdo carga por primera
$copia2=""; // vez en el echo de más abajo
if($_POST) {
switch($_POST["accion"]) {
case "fecha1":
$copia1=$_POST["primerafecha"];
break;
case "fecha2":
$copia2=$_POST["segundafecha"];
break;
}
}
?>
<script>
$(document).ready(function(){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Juv','Vie','Sab'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
weekHeader: 'Sm',
dateFormat: 'dd-mm-yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['es']);
$(function() {
$( "#cal1" ).datepicker();
$( "#cal2" ).datepicker();
});
});
</script>
</head>
<body>
<div style="margin: 0 auto; text-align:left;padding-left:20px;">
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<input name="accion" type="hidden" value="fecha1" />
<input id="cal1" name="primerafecha" type="text" style="margin-left:10px;" value="" size="10" />
<input type="Submit" name="Submit" value="COPIAR" style="margin-left:10px;" />
<?php echo $copia1; ?>
</form>
</div>
<div style="margin: 0 auto; text-align:left;padding-left:20px;">
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<input name="accion" type="hidden" value="fecha2" />
<input id="cal2" name="segundafecha" type="text" style="margin-left:10px;" value="" size="10"/>
<input type="Submit" name="Submit2" value="COPIAR" style="margin-left:10px;">
<?php echo $copia2; ?>
</form>
</div>
</body>