1

I'm:MVC4 Eonasdan引導3日期時間選擇器使用引導3日期和時間選擇此處鏈接doesn't打開拾取屏幕

DateTime Picker for Bootstrap 3

我不能做選擇窗口打開。當您點擊文本框時,什麼也沒有發生,並且瀏覽器控制檯(Chrome)上沒有顯示任何消息。所以,事實上,控件是作爲一個簡單的文本框工作的,而不是一個DateTime選擇器。

這裏是我的代碼:包含在所有的意見

_layout文件:

<!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該網頁上使用的:

<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> 

我感謝所有幫助使這項工作...

感謝您的任何幫助...

+0

哪裏是你的'RenderBody()'相對於jQuery腳本標籤? –

+0

我的RenderBody位於_Layout的部分,如:

@RenderBody()
Mendes

+1

是否在**包含jQuery的'

0

在您的Index.cshtml這兩個腳本。

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

您沒有使用@UrlContent()。運行你的項目,並查看生成的html源代碼,如果瀏覽器可以找到這個js文件。或者查看瀏覽器開發人員工具的「網絡」選項卡中的任何錯誤。

+1

MVC4不需要'@ Url.Content()' –

相關問題