0
226
Vistas¿Cómo dividir el selector de fechas en una cuadrícula de tres meses?
$('#calendar').datepicker({ numberOfMonths: 12, minDate: new Date(2021, 1 - 1, 1), maxDate: new Date(2021, 12 - 1, 31), showButtonPanel: true, }); <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/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.0/jquery-ui.js"></script> <div class="container"> <div id='calendar'></div> </div>Esto muestra todos los meses en una línea.
¿Cómo puedo dividir el selector de fecha en una cuadrícula de 3 por 4, por ejemplo, este diseño:
ene feb mar abr mayo jun jul ago sep oct nov dic
Intenté agregar varios selectores de fecha, pero eso no funciona.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
La forma en que se usa numberOfMonths debe ser una matriz en lugar de un número entero para lograr el diseño deseado.
De los documentos del selector de fechas:
Entonces, según esa información, use numberOfMonths con una matriz de valores de fila y columna para obtener la cuadrícula/matriz deseada.
$('#calendar').datepicker({ numberOfMonths: [4, 3], // 4 rows, 3 columns minDate: new Date(2021, 1 - 1, 1), maxDate: new Date(2021, 12 - 1, 31), showButtonPanel: true, }); <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/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.0/jquery-ui.js"></script> <div class="container"> <div id='calendar'></div> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta