3

Estoy utilizando un código que encontré aquí para hacer un Datepicker (necesito dos, quiero discriminar por fechas unas consultas). Soy bastante nuevo en el desarrollo web, este es mi segundo proyecto importante, así que probablemente sea algo sencillo, pero me estoy comiendo la cabeza.

La cosa es que, cuando coloco el Datepicker en la página, se me muestra de manera correcta, sin embargo no funciona el botón que debería abrir el calendario y la hora. Este es el botón

Sé que debe ser algo relacionado con el código JS, ya que es en lo que menos experticia tengo, pero mi pregunta es el qué puede estar fallando para que no se abra de la manera que se debe.

Anexo mi código. De todas maneras si tienen algún consejo que darme será bien recibido `


  <div class="starter-template">
  <div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
</div>

1 respuesta 1

5

<!doctype html>
<html lang="en">
<head>
  <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
</head>
<body>


<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>
</body>
</html>

Espero que te sirva :)

9
  • Puede ser una solucion aunque no exactamente, tambien busco que se pueda determinar la hora. Me funciono, pero me gustaria algo como el link que anexe el 4 sep. 2017 a las 20:15
  • @GilbertoGuerra jeje si exactamente ando buscando una solucion :)
    – zerokira
    el 4 sep. 2017 a las 20:17
  • Muchas gracias :) el 4 sep. 2017 a las 20:17
  • @GilbertoGuerra listo mira las modificaciones :)
    – zerokira
    el 4 sep. 2017 a las 20:21
  • Meeee funcionoooo!!! Muchas gracias :) el 4 sep. 2017 a las 20:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.