ayuda con jquery datepicker

Perrin_1 · #1 (**permalink**) 05/03/2010, 09:32

Que tal a todos

Soy nuevo en el ambito de Jquery, y aparte no entiendo muy bien el ingles :S, me recomendaron para el uso de un calendario con fecha inicial y fecha final el que esta en la siguiente liga

http://www.kelvinluck.com/assets/jqu...rStartEnd.html

Y quisiera saber que librerias ocupo para aplicarlo y como es que soy muy nuevo para esto, ya que ocupo que las fechas tambien sean guardadas en una base de datos pero eso es lo facil solo haber si alguien puede explicarme como aplicarlo a un archivo php

saludos

jackson666 · #2 (**permalink**) 05/03/2010, 09:34

El enlace no funciona...
Ademas, si es de jQuery que queres pasar a php? No entiendo la verdad

:
Sabes que este es el foro de php?

GatorV · #3 (**permalink**) 05/03/2010, 09:53

Tema movido desde PHP a Frameworks

juaniquillo · #4 (**permalink**) 05/03/2010, 13:03

las fechas se guardan en un input de text como cualquier otro. cuando envías el formulario funciona igual. No se ve la página.

Perrin_1 · #5 (**permalink**) 05/03/2010, 16:28

disculpen, la liga es la siguiente http://www.kelvinluck.com/assets/jqu...rStartEnd.html

y he puesto el codigo de esta manera como me lo indica

Lo implemente como indica ahi pero no me aparece el calendario para darle click y que se despliegue =(

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery/date.js" type="text/javascript"></script>
<script src="jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery-1.2.6.pack.js"></script>

<script type="text/javascript" src="jquery/bgiframe_2.1.1/jquery.bgiframe.js"></script>
<link href="jquery/datePicker.css" media="screen" type="text/css" rel="stylesheet">
<link href="jquery/demo.css" media="screen" type="text/css" rel="stylesheet">
<script charset="utf-8" type="text/javascript">
	$(function()
    {
		$('.date-pick').datePicker()
		$('#start-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#end-date').dpSetStartDate(d.addDays(1).asString());
			}
		}
	);
	$('#end-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#start-date').dpSetEndDate(d.addDays(-1).asString());
			}
		}
	);
    });
</script>

Y el form lo puse de esta manera

Código HTML:

<form action="#" id="chooseDateForm" name="chooseDateForm">
				<fieldset>
					<legend>Test date picker form</legend>
                    <ol>
                        <li>
                            <label for="start-date">Start date:</label>
							<input class="date-pick dp-applied" id="start-date" name="start-date"><a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
						</li>
                        <li>
                            <label for="end-date">End date:</label>
							<input class="date-pick dp-applied" id="end-date" name="end-date"><a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
						</li>
					</ol>
				</fieldset>
			</form>

juaniquillo · #6 (**permalink**) 07/03/2010, 09:37

Por lo que veo estás incluyendo dos librerías jquery de diferentes vesiones:

Código HTML:

Ver original<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery-1.2.6.pack.js"></script>

Otra cosa, ¿cuál datepicker estas usando? este:

http://jqueryui.com/demos/datepicker/

o este:

http://www.kelvinluck.com/assets/jqu...icker/v2/demo/

Perrin_1 · #7 (**permalink**) 10/03/2010, 16:25

Que tal juaniquillo estoy usando el de la segunda liga que pusiste y en efecto no me fije que estoy repitiendo 2 librerias, ya quite una pero aun asi sigue sin funcionar, no me despliega el icono del calendario

juaniquillo · #8 (**permalink**) 11/03/2010, 14:52

¿Te da algún error la consola? A mí me funciona perfectamente cuando uso los archivos que se usan en el demo. Cuando llegue a casa lo subo.

Perrin_1 · #9 (**permalink**) 11/03/2010, 17:19

No me marca error en consola mira lo subi a mi server, esta es la liga

https://www.viajaenmexico.com/jquery/prueba.html#

y este es mi codigo de prueba

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery/date.js" type="text/javascript"></script>
<script src="jquery/jquery.datePicker.js" type="text/javascript"></script>


<script type="text/javascript" src="jquery/bgiframe_2.1.1/jquery.bgiframe.js"></script>
<link href="jquery/demo.css" media="screen" type="text/css" rel="stylesheet">
<script charset="utf-8" type="text/javascript">
	$(function()
    {
		$('.date-pick').datePicker()
		$('#start-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#end-date').dpSetStartDate(d.addDays(1).asString());
			}
		}
	);
	$('#end-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#start-date').dpSetEndDate(d.addDays(-1).asString());
			}
		}
	);
    });
</script>
</head>

<body>
<form action="#" id="chooseDateForm" name="chooseDateForm">
				<fieldset>
					<legend>Test date picker form</legend>
                    <ol>
                        <li>
                            <label for="start-date">Start date:</label>
							<input class="date-pick dp-applied" id="start-date" name="start-date"><a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
						</li>
                        <li>
                            <label for="end-date">End date:</label>
							<input class="date-pick dp-applied" id="end-date" name="end-date"><a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
						</li>
					</ol>
				</fieldset>
			</form>
</body>
</html>

juaniquillo · #10 (**permalink**) 12/03/2010, 17:43

Por fin legué. Aquí te dejo el archivo que hice:

http://php-prueva.iespana.es/JQuery/fechas.html

eall · #11 (**permalink**) 12/03/2010, 22:00

estimado, me parece que tus referencias a los js que manejan el calendario están mal.

Pones

jquery/date.js y jquery/jquery.datePicker.js pero no existe la carpeta jquery en tu servidor y ni hablar de los archivos js...

Tienes que colocarlos en la carpeta en que indicas, o sea, jquery, que sino no funciona nunca...

exito.