Question:
Date: 19-04-2017 16:06:03
(In Spanish)
Agradesco la colaboración. Votes: 1 - Answers: 8 - Views: 23 Share on: Google Facebook Twitter LinkedIn Link
Agrear fecha y hora (JQuery Date and Time picker)[Resolved]
Hola, me gustaría agregar un calendario con fecha y hora a mi formulario web usando JQuery, pude agregar la fecha usando el código, funciona a la perfecion y bastanta simple, pero para agregar la hora junto a la fecha el proceso es algo más complejo y no soy experto enJQuery.Agradesco la colaboración. Votes: 1 - Answers: 8 - Views: 23 Share on: Google Facebook Twitter LinkedIn Link
Answers:
-
Date: 20-04-2017 05:27:41 Hola Ambiorix, que plugin de JQuery usas para implementar el "Date and Time", has probado este?: https://plugins.jquery.com/datetimepicker/
Una vez que descargas el plugin, tienes todos los ejemplos dentro del archivo index.html (aunque debo reconocer que estan bastante desprolijos los ejemplos).
Aquí un ejemplo 100% ejecutable:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="build/jquery.datetimepicker.full.js"></script> <script type="text/javascript"> $(document).ready(function () { $.datetimepicker.setLocale('es'); $('#datetimepicker').datetimepicker({value: '2017/04/20 11:22', step: 10}); }); </script> </head> <body> <h3>DateTimePicker</h3> <input type="text" value="" id="datetimepicker"/> </body> </html>
Saludos y buen código! Votes: 2 - Link answer -
Date: 20-04-2017 07:07:04 Gracias estaba usando ese mismo pluggin solo que los ejemplos parecen algo complejo de integrar, pero, con el ejemplo limpio que pusiste pude integrarlo a mi web form.
Votes: 2 - Link answer -
Date: 24-04-2017 12:35:37 Fenarndo Gracias nuevamente, pero tengo una pequeña respecto a tu código como puedo agregar un segundo datetimepicker
intente agregando otro textbox peros solo muestra el datetime picker en el primero.
<input type="text" value="" id="datetimepicker"/>
Agradesco tu colaboracion de ante mano. Votes: 0 - Link answer -
Date: 25-04-2017 02:27:06 Hola Ambiorix, para agregar otro datetimepicker deberas usar otro id html, por ejemplo:
<input type="text" value="" id="nuevoid"/>
(recuerda que en tu html no debes repetir los id)
Y en JavaScript debes inicializar el nuevo datetimepicker con el "nuevoid":
<script type="text/javascript"> $(document).ready(function () { $.datetimepicker.setLocale('es'); $('#datetimepicker').datetimepicker({value: '2017/04/20 11:22', step: 10}); $('#nuevoid').datetimepicker({value: '2017/04/20 11:22', step: 10}); }); </script>
Saludos y buen código! Votes: 0 - Link answer -
Date: 25-04-2017 11:26:51 Gracias, por las leciones de HTML y Jquery, aunque me especializo mas en PHP puro. Pero siempre estoy abierto aprender voy a probar el codigo y te hago, saber nota veo hay forma que el picker tome la fecha actual por defecto. Votes: 1 - Link answer
-
Date: 28-06-2017 07:41:26 No me funciona el codigo:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="build/jquery.datetimepicker.full.js"></script> <script type="text/javascript"> $(document).ready(function () { $.datetimepicker.setLocale('es'); $('#datetimepicker').datetimepicker({value: '2017/04/20 11:22', step: 10}); }); </script> </head> <body> <h3>DateTimePicker</h3> <input type="text" value="" id="datetimepicker"/> </body> </html>
Votes: 0 - Link answer -
Date: 28-06-2017 08:34:27 Hola Andersson, ante todo bienvenido a la comunidad.
Observa que en el código hay una librería que debes incluir en tu proyecto, puede que venga por ahí el problema, más precisamente es esta build/jquery.datetimepicker.full.js
Puedes descargarla de aquí: https://plugins.jquery.com/datetimepicker/
Saludos y buen código! Votes: 1 - Link answer -
To actively participate in the community first must authenticate, enter the system.Sign In