Diferencia entre revisiones de «JQuery Datepicker»
(→Ejemplo) |
|||
| Línea 20: | Línea 20: | ||
$(function() { | $(function() { | ||
| − | |||
$('#popupDatepicker').calendarsPicker(); | $('#popupDatepicker').calendarsPicker(); | ||
}); | }); | ||
Revisión del 16:53 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
<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/redmond.calendars.picker.css";</style>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.calendars.js"></script>
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
<script type="text/javascript" src="js/jquery.datepick.js"></script>
<script type="text/javascript" src="js/jquery.datepick.lang.js"></script>
<script type="text/javascript" src="js/jquery.calendars.picker.js"></script>
<script type="text/javascript">
$(function() { $('#popupDatepicker').calendarsPicker(); }); </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:
