Bootstrap 3 Datetimepicker不在ASP.NET MVC應用程序中顯示

我知道這是一個常見問題，但我已經搜索了所有其他問題並嘗試了所有可能的解決方案。Bootstrap 3 Datetimepicker不在ASP.NET MVC應用程序中顯示

我想在MVC 5應用程序中實現一個簡單的引導程序3 datetimepicker，但無法顯示它。默認的瀏覽器日期選擇工具可以工作，但是當我嘗試使用引導時，我只得到一個簡單的文本框，沒有別的。

我用的NuGet下載所需要的軟件包：

Install-Package Bootstrap.v3.Datetimepicker.CSS

這是我的模型：

[DataType(DataType.DateTime)] 
    [Display(Name = "Due Date")] 
    [DisplayFormat(DataFormatString = "{0:G}", 
    ApplyFormatInEditMode = true)] 
    public DateTime DueDate { get; set; }

這是我的看法：

<div class="form-group"> 
      @Html.LabelFor(model => model.DueDate, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.TextBoxFor(model => model.DueDate, new { @class = "form-control datetimepicker " }) 
       @Html.ValidationMessageFor(model => model.DueDate, "", new { @class = "text-danger" }) 
      </div> 
     </div>

這是我BundleConfig .cs文件：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Scripts/jquery-{version}.js", 
        "~/Scripts/jquery-ui*")); 

     bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
        "~/Scripts/jquery.validate*")); 

     bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
        "~/Scripts/modernizr-*")); 

     bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
        "~/Scripts/bootstrap.js", 
        "~/Scripts/bootstrap-datetimepicker.min.js", 
        "~/Scripts/respond.js")); 

     bundles.Add(new StyleBundle("~/Content/css").Include(
       "~/Content/bootstrap.css", 
       "~/Content/themes/base/jquery.ui.all.css", 
       "~/Content/bootstrap-datetimepicker.min.css", 
       "~/Content/site.css")); 

     bundles.Add(new ScriptBundle("~/bundles/moment").Include(
        "~/Scripts/moment.js"));

這是我在我的觀點（Index.cs）底部啓動的javascript：

@section scripts { 
@Scripts.Render("~/bundles/jqueryval") 
<script type="text/javascript"> 
    $(function() { 
     $('.datetimepicker').datetimepicker(); 
    }); 
</script>}

我缺少的東西？

任何形式的幫助將非常感謝！

來源

2017-02-10 Lauri Miller

什麼錯誤，你在瀏覽器控制檯獲取（您還沒有表現出在那裏你加載這些包 - 你的只有一個是'@ Scripts.Render（「〜/包/ jqueryval」）' –

你可能忘了渲染您創建的套件 –

我絕對做到了，非常感謝！ –

原來我忘記了渲染捆綁包，所以加入@Scripts.Render("~/bundles/bootstrap") 解決了這個問題。非常感謝Stephen Muecke和Alexander Derc！

來源

2017-02-10 14:00:04

Bootstrap 3 Datetimepicker不在ASP.NET MVC應用程序中顯示

回答

相關問題