Diferencia entre revisiones de «JQuery Datepicker»
De Dos Ideas.
(→Ejemplo) |
|||
| (No se muestran 7 ediciones intermedias de 2 usuarios) | |||
| Línea 1: | Línea 1: | ||
[[Category:JQuery]] | [[Category:JQuery]] | ||
| − | [[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. | + | [[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== | ==Ejemplo== | ||
<code html4strict> | <code html4strict> | ||
| + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | ||
| + | "http://www.w3.org/TR/html4/strict.dtd"> | ||
<html> | <html> | ||
| − | <head> | + | <head> |
| − | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | + | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> |
| − | <title>Demo de un Calendario</title> | + | <title>Demo de un Calendario</title> |
| − | < | + | <link rel="stylesheet" type="text/css" media="screen" href="css/jquery.datepick.css"> |
| − | <script type="text/javascript" src="js/jquery-1.4.2.js"></script> | + | <script type="text/javascript" src="js/jquery-1.4.2.js"></script> |
| − | <script type="text/javascript" src=" | + | <script type="text/javascript" src="js/jquery.datepick.js"></script> |
| − | <script type="text/javascript" src="js/jquery. | + | <script type="text/javascript" src="js/jquery.datepick-es.js"></script> |
| − | <script type="text/javascript" | + | <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> | ||
| − | En [[Java]], la página del ejemplo anterior podría resolverse con un [[Servlet]] | + | En [[Java]], la página del ejemplo anterior podría resolverse con un [[Servlet]]. |
| − | |||
| − | |||
| − | |||
==Ver también== | ==Ver también== | ||
* [[JQuery]] | * [[JQuery]] | ||
| − | * [http://www.dosideas.com/descargas/category/1-jquery.html?download= | + | * [http://www.dosideas.com/descargas/category/1-jquery.html?download=38 Descargar un proyecto de ejemplo de JQuery Datepicker] |
* [http://plugins.jquery.com/project/datepick Pagina del plugin JQuery Datepicker] | * [http://plugins.jquery.com/project/datepick Pagina del plugin JQuery Datepicker] | ||
Revisión actual del 16:50 22 ago 2011
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>
<link rel="stylesheet" type="text/css" media="screen" href="css/jquery.datepick.css">
<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.
