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>