Diferencia entre revisiones de «JQuery Datepicker»

De Dos Ideas.
Saltar a: navegación, buscar
(Página creada con 'Category:JQuery JQuery Datepicker es un plugin para la librería JavaScript JQuery que permite cargar una fecha desde un calendario. ==Ejemplo== <code html4str…')
 
(Ejemplo)
 
(No se muestran 8 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 cargar una fecha desde 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>
<style type="text/css">@import "css/redmond.calendars.picker.css";</style>
+
        <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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
<script type="text/javascript" src="js/jquery.datepick.js"></script>
<script type="text/javascript" src="js/jquery.calendars.js"></script>
+
<script type="text/javascript" src="js/jquery.datepick-es.js"></script>
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
+
<script type="text/javascript">
<script type="text/javascript" src="js/jquery.datepick.js"></script>
+
$(function() {
<script type="text/javascript" src="js/jquery.datepick.lang.js"></script>
+
$('#popupDatepicker').datepick();
<script type="text/javascript" src="js/jquery.calendars.picker.js"></script>
+
});
<script type="text/javascript">
+
</script>
 +
</head>
 +
 
 +
<body>
 +
<h1>Calendario con jquery</h1>
 +
<p>Fecha:<input type="text" id="popupDatepicker"></p>
 +
</body>
  
$(function() {
 
// $.calendars.picker.setDefaults({renderer: $.calendars.picker.themerollerRenderer}); // Requires jquery.calendars.picker.ext.js
 
$('#popupDatepicker').calendarsPicker();
 
});
 
</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]].
 
 
<code java>
 
</code>
 
  
 
==Ver también==
 
==Ver también==
 
* [[JQuery]]
 
* [[JQuery]]
* [http://www.dosideas.com/descargas/category/1-jquery.html?download=9%3Ademo-de-jquery-datepicker Descargar un proyecto de ejemplo de JQuery Datepicker]
+
* [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.

Ver también