Foros del Web » Programando para Internet » Javascript » Frameworks JS »

datapicker jq dentro de un submenu jq

Estas en el tema de datapicker jq dentro de un submenu jq en el foro de Frameworks JS en Foros del Web. Hola, quiero insertar el datapicker http://jqueryui.com/datepicker/ dentro de un submenu pero no me funciona pero si lo pongo fuero si funciona. Basicamente lo que quiero ...
  #1 (permalink)  
Antiguo 26/04/2013, 07:14
 
Fecha de Ingreso: marzo-2009
Mensajes: 31
Antigüedad: 10 años, 10 meses
Puntos: 1
datapicker jq dentro de un submenu jq

Hola, quiero insertar el datapicker http://jqueryui.com/datepicker/ dentro de un submenu pero no me funciona pero si lo pongo fuero si funciona.

Basicamente lo que quiero es que cuando el usuario pongo el raton en el imput salga un popoup con un calendario y que cuando seleccione la fecha salga en modo texto en el imput.

Puedo hacerlo con el datepicker o otro dentro de este submenu?como?

muchas gracias


Pongo el html del menu


<nav id="cbp-hrmenu" class="cbp-hrmenu">
<ul>

<a id="menu_buscador_mas">+ Opciones</a>

<div id="mas" class="cbp-hrsub">
<div class="cbp-hrsub-inner">

<div>


<ul>

<label for="from"></label>
<input type="text" id="from" name="from"/>
<label for="to"></label>
<input type="text" id="to" name="to"/>

</ul>
</div>


//////////////////////////////////////Los escripts de el menu y el datapiker////////////////

<script type="text/javascript" src="{{ asset('bundles/frontend/js/jquery-1.7.2.min.js') }}"></script>
<script src="{{ asset('bundles/frontend/js/cbpHorizontalMenu.min.js') }}"></script>
<script>

$(function() {
cbpHorizontalMenu.init();
});

</script>


<script type="text/javascript" src="{{ asset('bundles/frontend/js/jquery-1.9.1.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/frontend/js/jquery.ui.core.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/frontend/js/jquery.ui.widget.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/frontend/js/jquery.ui.datepicker.js') }}"></script>

<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
  #2 (permalink)  
Antiguo 05/05/2013, 20:02
Avatar de newboy_master  
Fecha de Ingreso: enero-2008
Ubicación: Granada
Mensajes: 882
Antigüedad: 12 años
Puntos: 46
Respuesta: datapicker jq dentro de un submenu jq

¿Necesariamente tiene que estar dentro de un <ul>? Aplícale una clase al div que hay superior y lo formateas con css como necesites.

Salu2.

Etiquetas: datapicker, funcion, html, input, jquery, js, submenu
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 16:03.