jQuery - Widget DatePicker

Descripción

los Widget DatePickerLa función se puede usar con widgets en JqueryUI. Se centra en la entrada para abrir un calendario interactivo en una pequeña superposición.

Sintaxis

Aquí está la sintaxis simple para usar DatePicker:

$( "#datepicker" ).datepicker();

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de DatePicker:

<!doctype html>
<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Datepicker - Default functionality</title>
		
      <link rel = "stylesheet" 
         href = "//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
			
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
      </script>
 
      <script>
         $(function() {
            $( "#datepicker" ).datepicker();
         });
      </script>
   </head>

   <body>
      <p>Date: <input type = "text" id = "datepicker"></p>
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-widgets.htm

↰ Previous page