Diferencia entre revisiones de «JQuery Datepicker»

De Dos Ideas.
Saltar a: navegación, buscar
(Ejemplo)
(Ejemplo)
 
(No se muestran 4 ediciones intermedias de 2 usuarios)
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>
+
<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() {
 
                $('#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