Fijar una fecha en una etiqueta html(input type='text') ej, importar los 3 archivos del adjunto en el orden especificado(no olvidar las imagenes) <script src="jcalendar/js/jquery.min.js" type="text/javascript"></script> <script src="jcalendar/js/jquery-ui.min.js" type="text/javascript"></script> <link href="jcalendar/css/jquery-ui.css" rel="stylesheet" type="text/css" /> relacionar el script con la(s) etiqueta(s)(se relaciona mediante el id) <script type="text/javascript"> $(function() { $("#fecha1").datepicker({}); $("#fecha2").datepicker({}); }); </script> etiqueta(s) a fijar <input type="text" id="fecha1"> <input type="text" id="fecha2"> mayor informacion visitar la pagina oficial http://jquery.com/ Recolviendo Conflictos Debido a que el calendario utiliza el framewok jQuery y nuestra mascara Mootools, esto genera un conflicto ya que los dos apuntan a un mismo objeto. La solucion a esto nos la da jQuery Ej. Para relacionar el script del calendario a la etiqueta declarabamos: <script type="text/javascript"> $(function() { $("#fecha1").datepicker({}); $("#fecha2").datepicker({}); }); </script> Ahora para la solucion : antes de relacionar la etiqueta tenemos que poner jQuery.noConflict() y reemplazar el caracter $ por jQuery,nuestro codigo quedaria asi <script type="text/javascript"> jQuery.noConflict(); jQuery(function() { jQuery("#fecha1").datepicker({}); jQuery("#fecha2").datepicker({}); }); </script>