JavaScript - Mostrar siempre un Datepicker

 
Vista:

Mostrar siempre un Datepicker

Publicado por Luis (1 intervención) el 22/08/2019 00:14:31
Hola, tengo el clásico datepicker en un formulario y cuando hago click en el campo de fecha efectivamente aparece el calendario para escoger algún día.

Me gustaría hacer que ese calendario siempre estuviera mostrandose, sin necesidad de hacer clic en el campo de fecha.
Eso es posible, tienen idea de como lograrlo?

De antemano gracias. Dejo el código del formulario


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar siempre un Datepicker

Publicado por ScriptShow (692 intervenciones) el 22/08/2019 18:56:16
Saludos Luis,

una opción sería.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 
<p>Date: <div id="datepicker"></div></p>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
 
</body>
</html>

Revisa la documentación: https://api.jqueryui.com/datepicker/

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar