El selector de fecha MVC4 Eonasdan Bootstrap 3 no abre la pantalla del selector

Question

Dec 17, 2013, 09:39 PM

asp.net-mvc twitter-bootstrap datetimepicker asp.net-mvc-4 javascript

El selector de fecha MVC4 Eonasdan Bootstrap 3 no abre la pantalla del selector

Estoy usando un selector de fecha y hora de Bootstrap 3 vinculado aquí:

Selector de fecha y hora para Bootstrap 3

No puedo abrir la ventana de picking. Cuando hace clic en el cuadro de texto, no sucede nada y no se muestran mensajes en la consola del navegador (Chrome). Entonces, en verdad, el control funciona como un simple cuadro de texto, no como un selector de fecha y hora.

Aquí está mi código:

_Layout archivo incluido en todas las vistas:

    <!DOCTYPE html>
<html lang="pt">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />

    <title>TestApp</title>

    <link rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="~/favicon.ico" type="image/ico" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" media="screen">
    <link href="@Url.Content("~/Content/bootstrap-theme.min.css")" rel="stylesheet" media="screen">
    <link href="@Url.Content("~/Content/CustomNavBar.css")" rel="stylesheet" media="screen">
</head>

<body>

    <script src="@Url.Content("~/Scripts/jquery-2.0.3.min.js")"></script>
    <script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>

    <.... some other stuff here...>

Index.cshtml utilizado en esa página:

<link href="@Url.Content("~/Content/bootstrap-datetimepicker.min.css")" rel="stylesheet" media="screen" type="text">

<script type="text/javascript" src="~/Scripts/moment.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.min.js"></script>


<div class="container">
    <div class="col-md-10">
        <div class='well'>
            <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>

Aprecio cualquier ayuda para hacer este trabajo ...

Gracias por cualquier ayuda...