0
235
Visualizações¿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 Respostas
Responde à pergunta0
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
Relatório
Responde à pergunta