Foros del Web » Programando para Internet » Javascript »

como funciona este calendario.....

Estas en el tema de como funciona este calendario..... en el foro de Javascript en Foros del Web. Hola encontre un ejemplo en google que trata de selecionar una fecha a traves de un calendario, pero la verdad que no consigo hacerlo funcionar ...
  #1 (permalink)  
Antiguo 04/08/2012, 11:23
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años
Puntos: 10
como funciona este calendario.....

Hola encontre un ejemplo en google que trata de selecionar una fecha a traves de un calendario, pero la verdad que no consigo hacerlo funcionar alguien me podria decir como funciona, el link donde esta el ejemplo es este

http://new.davglass.com/files/yui/cal2/

saludos.
  #2 (permalink)  
Antiguo 04/08/2012, 13:25
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: como funciona este calendario.....

El ejemplo está bastante claro, utiliza las librerías de yahoo.
en este caso la2.x,

http://developer.yahoo.com/yui/2/
http://developer.yahoo.com/yui/calendar/
pero ya estan por la 3
Analizá la documentación que hay muchos ejemplos

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 04/08/2012, 16:31
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años
Puntos: 10
Respuesta: como funciona este calendario.....

Hola emprear, la verdad que si tienen muchos ejemplos y estan muy bien, me gustaria saber como se hace en realidad, no sabras de algun tutorial que te expliquen como se hace mas o menos algo como pulsar un campo y mostrar un calendario que te llene el campo con el dia y año y hora selecionado, algo asin, saludos.
  #4 (permalink)  
Antiguo 04/08/2012, 17:04
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años
Puntos: 155
Respuesta: como funciona este calendario.....

..tambien puedes usar Datepicker de jQuery UI http://jqueryui.com/demos/datepicker/
  #5 (permalink)  
Antiguo 04/08/2012, 18:29
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: como funciona este calendario.....

Cita:
Iniciado por pithon Ver Mensaje
Hola emprear, la verdad que si tienen muchos ejemplos y estan muy bien, me gustaria saber como se hace en realidad, no sabras de algun tutorial que te expliquen como se hace mas o menos algo como pulsar un campo y mostrar un calendario que te llene el campo con el dia y año y hora selecionado, algo asin, saludos.
La explicación es un poco compleja, habría que ir desglosando justamente la scritp de tu ejemplo, y eso sin entrar en el detalle del calendario que genera la propia librería, basicamente, cuando un campo con cierto id recibe el foco, la librería genera un dhtml con el calendario y el valor seleccionado se coloca en el input correspondiente

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 04/08/2012 a las 19:37
  #6 (permalink)  
Antiguo 05/08/2012, 03:06
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años
Puntos: 10
Respuesta: como funciona este calendario.....

Cita:
Iniciado por emprear Ver Mensaje
La explicación es un poco compleja, habría que ir desglosando justamente la scritp de tu ejemplo, y eso sin entrar en el detalle del calendario que genera la propia librería, basicamente, cuando un campo con cierto id recibe el foco, la librería genera un dhtml con el calendario y el valor seleccionado se coloca en el input correspondiente

Saludos
He estado buscando en google, algun manual que te enseñe hacer esto desde cero, pero no encontre nada, si alguien sabe de un tutorial que lo explique todo que lo haga saber.

gracias y un saludo.
  #7 (permalink)  
Antiguo 05/08/2012, 03:10
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años
Puntos: 10
Respuesta: como funciona este calendario.....

Cita:
Iniciado por ipraetoriux Ver Mensaje
..tambien puedes usar Datepicker de jQuery UI http://jqueryui.com/demos/datepicker/
En principio gracias por el link, la verdad que el ejemplo esta muy bien, pero como podria modificar algunas cosas, como ponerlo en castellano, añadirle mas campos para colocar mas fechas y desactivar los dias que ya haigan pasado para que no se puedan selecionar, cualquier ayuda se agradece.

Saludos.
  #8 (permalink)  
Antiguo 05/08/2012, 04:08
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años
Puntos: 155
Respuesta: como funciona este calendario.....

Cita:
Iniciado por pithon Ver Mensaje
En principio gracias por el link, la verdad que el ejemplo esta muy bien, pero como podria modificar algunas cosas, como ponerlo en castellano, añadirle mas campos para colocar mas fechas y desactivar los dias que ya haigan pasado para que no se puedan selecionar, cualquier ayuda se agradece.

Saludos.
...pues has probado usar Google y buscar ahi ???...encontraras muchos tutoriales de como modificar y adaptar el datepicker tanto de jquery ui como de YUI y otros mas que andan dando vuelta...
  #9 (permalink)  
Antiguo 05/08/2012, 04:22
Avatar de patkoala  
Fecha de Ingreso: julio-2011
Mensajes: 62
Antigüedad: 12 años, 9 meses
Puntos: 19
Respuesta: como funciona este calendario.....

Cita:
Iniciado por pithon Ver Mensaje
He estado buscando en google, algun manual que te enseñe hacer esto desde cero, pero no encontre nada, si alguien sabe de un tutorial que lo explique todo que lo haga saber.

gracias y un saludo.
Recuerdo que hace unos años conseguí hacer un calendario en JavaScript.
Ya no recuerdo que fue de aquel calendario, pero te diré básicamente de lo que tienes que ocuparte.
Lo primero, intenta hacer el calendario directamente, ya luego lo asignarás a un onfocus de un input text.
El calendario tendrás que generarlo usando Date(),comprobando en que día de la semana cae cada día, etc.
Cómo último consejo válido, te diré que a cada "día" del calendario le asignaria una clase o un nombre("name") cómo "17/09/2011", para que al ser seleccionado, puedas sacar la fecha fácilmente.
¡Suerte!
  #10 (permalink)  
Antiguo 05/08/2012, 09:45
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años
Puntos: 10
Respuesta: como funciona este calendario.....

Gracias patkoala, por tu ayuda ahora se por donde empezar algo es algo.

Bueno encontre un aporte en el foro de uno de los maestros de aqui, la url es esta:

http://www.forosdelweb.com/f18/aport...ndario-831709/

pero quiero hacer algunos cambios que no consigo, ya que no lo acabo de entender bien, comento los cambios que quiero hacer por si alguien me quiere ayudar:

1-marcar de un color la celda que contiene el dia actual;
2-desabilitar las celdas que el dia sea menor a la fecha actual, para que no se pueda selecionar, dandole un color mas apagado o algo asin.

cualquier ayuda se agradece, saludos.

Etiquetas: funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:37.