Fijar una fecha en una etiqueta html(input type=`text`) ej

Anuncio
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>
Descargar