Tengo páginas asp.net existentes que usan bootstrap datepickers.

Lo necesito ahora en una página html simple, así que copié el enlace relacionado y las líneas de secuencia de comandos del proyecto asp.net en un archivo html mínimo.

El selector de fechas nunca aparece y no tengo idea de qué tiene de malo. He mirado en voz alta y buscado ejemplos en la web, pero no descubrí por qué no funciona.

Aquí hay un pequeño archivo de prueba:

<html>

<head>
    <title>datepicker test</title>
    <link href="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

    <script>
        $(document).ready(function() {
            $("#datepicker").datetimepicker({
                format: "dd-MMM-yyyy"
            });
        })
    </script>
</head>

<body>
    <form>
        <div class="input-append date" id="datepicker">
            <input size="16" type="text" value="" readonly>
            <span class="add-on"><i class="icon-th"></i></span>
        </div>
    </form>
</body>

</html>

Por favor avise,

TIA

Guido

0
guivho 11 dic. 2016 a las 21:16
¿Te importaría publicar esto en jsfiddle? ¿Falta el glifo? ¿Estás seguro de que las versiones de jquery y jquery-ui están bien (en combinación)? ¿Algún error visible en el depurador del navegador ("consola F12")?
 – 
Cee McSharpface
11 dic. 2016 a las 21:23
AFAIK, datetimepicker debe inicializarse en el campo input. Intente inicializarlo en el campo input y no lo haga readonly para una verificación adecuada ...
 – 
Guruprasad J Rao
11 dic. 2016 a las 21:27

1 respuesta

La mejor respuesta

Escribió mal la función para llamar al selector de fechas. Es

 $("#datepicker").datepicker({
     format: "dd-MMM-yyyy"
 });

Y escribiste 'dateTIMEpicker'

2
Julesezaar 11 dic. 2016 a las 22:39