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>