New question

Question:

Date: 19-04-2017 16:06:03 (In Spanish)

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.
Tags: DateTime - FullCalendar jQuery Plugin - JQuery - JQuery UI - Question 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
     
  • Date: 28-06-2017 10:24:32 Muchas gracias Fernando   Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In