- You are here:
- Main › Forum › Soporte de aplicaciones › cBB Blockgets
Blockgets (Datepicker) - En otras paginas
3 posts
• Page 1 of 1
-
- Makoto
- Posts: 60
- Joined: Tue Apr 10, 2012 3:07 am
Mon Nov 04, 2013 12:59 am • via Web
Bueno eh podido hacer un generador de datos, pero ahora quisiera usar la opcion del jquery.ui datepicker
para agregar las fechas pero no me sale u_u
esto uso en el .js
*mirar el adjunto
Gracias
para agregar las fechas pero no me sale u_u
esto uso en el .js
- Code: Select all
$( "#quiz_date" ).datepicker( {
closeText: "Cerrar",
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", "Mié;", "Juv", "Vie", "Sáb"],
dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"],
yearRange: "2008:2013",
changeYear: true,
changeMonth: true,
showButtonPanel: true,
dateFormat: "mm MM yy"
});
*mirar el adjunto
Gracias
- Attachments
-
- IvanPF
- Administrator
- Posts: 2028
- Joined: Fri Jun 17, 2011 12:15 am
- Location: España (Spain)
Mon Nov 04, 2013 5:04 pm • via Web
Hola
cBB Blockgets no usa el método "datepicker" aunque creo que si está incluido en el fichero js de jquery ui del paquete.
La razón por la que no se ve bien es que faltan las variablles en el archivo CSS para el método "datepicker" (o bien en /blockgets/src/common.css o en styles/{tu estilo}/theme/blockgets/stylesheet.css)
Lo que tienes que hacer para que te funcione es abrir uno de esos archivos e insertar este código que pertenece al método "datepicker"
Debería funcionarte con esta edición.
PD: Dependiendo del navegador es posible que tengas que borrar archivos temporales para que se reflejen los cambios.
Saludos
cBB Blockgets no usa el método "datepicker" aunque creo que si está incluido en el fichero js de jquery ui del paquete.
La razón por la que no se ve bien es que faltan las variablles en el archivo CSS para el método "datepicker" (o bien en /blockgets/src/common.css o en styles/{tu estilo}/theme/blockgets/stylesheet.css)
Lo que tienes que hacer para que te funcione es abrir uno de esos archivos e insertar este código que pertenece al método "datepicker"
- Code: Select all
/*!
* jQuery UI Datepicker
* http://jqueryui.com
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
Debería funcionarte con esta edición.
PD: Dependiendo del navegador es posible que tengas que borrar archivos temporales para que se reflejen los cambios.
Saludos
-
- Makoto
- Posts: 60
- Joined: Tue Apr 10, 2012 3:07 am
Tue Nov 05, 2013 2:45 am • via Web
chevr quedo de pelos, muchas gracias!
3 posts
• Page 1 of 1
Who is online
Users browsing this forum: No registered users and 0 guests
- External Links
- phpBB Official
- phpBB Official (Spanish)
- Raul Arroyo Monzo
- PasionReef
- About CaniDev
- Terms of use
- Privacy Policy
- About Us
- Contact
- © 2011-2024 CaniDev