Diferencia entre revisiones de «JQuery Datepicker»
(→Ejemplo) |
|||
(No se muestra una edición intermedia de otro usuario) | |||
Línea 11: | Línea 11: | ||
<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="js/jquery.datepick.js | + | <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" src="js/jquery.datepick-es.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> |
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.