Diferencia entre revisiones de «JQuery Datepicker»
(→Ejemplo) |
(→Ejemplo) |
||
| Línea 5: | Línea 5: | ||
<code html4strict> | <code html4strict> | ||
| + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | ||
| + | "http://www.w3.org/TR/html4/strict.dtd"> | ||
<html> | <html> | ||
| − | + | <head> | |
| − | + | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
| − | + | <title>Demo de un Calendario</title> | |
| − | + | <style type="text/css">@import "css/jquery.datepick.css";</style> | |
| − | + | <script type="text/javascript" src="js/jquery-1.4.2.js"></script> | |
| − | + | <script type="text/javascript" src="js/jquery.datepick.js""></script> | |
| − | + | <script type="text/javascript" src="js/jquery.datepick-es.js"></script> | |
| − | + | <script type="text/javascript"> | |
| − | + | $(function() { | |
| − | + | $('#popupDatepicker').datepick(); | |
| − | + | }); | |
| − | + | </script> | |
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <h1>Calendario con jquery</h1> | ||
| + | <p>Fecha:<input type="text" id="popupDatepicker"></p> | ||
| + | </body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
</code> | </code> | ||
Revisión del 21:57 7 jun 2010
JQuery Datepicker es un plugin para la librería JavaScript JQuery que permite ingresar una fecha en una página Html, haciendo uso de un calendario.
Ejemplo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>Demo de un Calendario</title> <style type="text/css">@import "css/jquery.datepick.css";</style> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery.datepick.js""></script> <script type="text/javascript" src="js/jquery.datepick-es.js"></script> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); }); </script> </head>
<body>
Calendario con jquery
Fecha:<input type="text" id="popupDatepicker">
</body>
</html>
En Java, la página del ejemplo anterior podría resolverse con un Servlet:
