Ir al contenido principal

DatePicker con Jquery

Si ocupa un datepicker, aqui como integrarlo sencillamente;



<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>


$(document).ready(function() {
$("#datepicker").datepicker({

defaultDate: document.forms['myForm'].elements['dateSelected'].value,
onSelect: function(dateText, inst) {

alert (dateText);
document.forms['myForm'].elements['dateSelected'].value = dateText;
}
});
});
</script>
</head>
<body style="font-size:62.5%;">

<form name="myForm" action="algo.do" method="post">

<input type="hidden" name="dateSelected" value="10/04/1984"/>
<div id="datepicker"></div>

</form>
</body>
</html>





Como funciona, sencillo. Solo tenes que colocar una fecha en el input dateSelected, por ejemplo con jstl seria algo como

 input type="hidden" name="dateSelected" value="${dateSelected} 


Ese seria un binding basico para colocar la fecha (en texto, formateada como MM/dd/yyyy), el javascript funcionara perfectamente con eso no necesita cambios.

En el servidor, puede recibir el valor con el post del formulario como dateSelected.

Ocupa mas custom en el plato, aqui esta la carta, sirvase:
http://docs.jquery.com/UI/Datepicker

Pura vida,
J

Comentarios

Entradas más populares de este blog

Impensando acerca de las referencias en Java

Fue hace ya algún tiempo que pase un rato discutiendo con algunos compañeros acerca de si existe o no el paso por referencia; el discurso fue mucho hacia que en Java el comportamiento, en el supuestamente pasamos por referencia un objeto y por valor los objetos primitivos creo mucha polémica. Para ubicarnos en contexto veamos el siguiente ejemplo. public static void main(String[] args) { int value = 10; changeValue(value); System.out.println("value = " + value); User user = new User(); Name name = new Name(); user.setName(name); name.setName("jsanca"); name.setLastName("XXX"); user.setPassword("123queso"); System.out.println("user: " + user.getName().getName() + ", " + user.getName().getLastName() + ", " + user.getPassword()); changeValue1(user); System.out.println("user: " + user.getName().getName() + ", " + user.getName().getLastName() + ", " + user.ge...

Links acerca de usabilidad

Bueno esta haciendo un research acerca de usabilidad y decidi compartir algunos de los links mas interesantes: Este esta muy cool y dice por que son buenos, gmail #1: http://www.1stwebdesigner.com/design/well-designed-usable-sites/ Los mejores menus: http://www.kronikmedia.co.uk/blog/website-navigation-menu-design/3580/ Otro top ten: http://www.topsite.com/best/usability los CMS con mas usabilidad http://net.tutsplus.com/articles/web-roundups/top-10-most-usable-content-management-systems/ Las grandes companias que incorporan usabilidad en sus sistemas: http://www.siteiq.net/7806/the-2013-usability-top-10-ibm-leads-sap-soars-and-apple-screws-up-the-rankings-2 + Algo interesante: top ten de sitios de Universidades http://blog.thebrickfactory.com/2010/03/top-11-best-designed-university-websites/ Y estos son 10 videitos acerca de usabilidad: http://www.usefulusability.com/10-must-see-usability-videos/ Enjoy!

Wikipedia data base schema

Algo interesante como caso de estudio, especialmente para los que estén cursando bases de datos, el esquema de la Wikipedia esta disponible para hechar un ojo. A simple vista, me gusta mucho la simplicidad y lo bien documentada que se encuentra, vale la pena dedicarle un tiempo. http://www.wikipedia.org/