MVC主題和DatePicker

我有一個MVC項目，我已經創建並實現了一個引導主題，並納入了一個日期選擇器，但是我想更改datepicker的主題。MVC主題和DatePicker

我正在使用實體框架並通過下載新的bootstrap.css更改了我的主題。當我添加日期選擇器時，我真的很喜歡主題的外觀，但這不是我期待的。我認爲它與bootstrap.css的主題一致。然而，從我能告訴我有我的日期選擇器指向一個不同的.css。我不能在bootstrap.css找到任何日期選擇器參考

在我BundleConfig我加入 -

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

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

，然後在我的_Layout.cshtml添加以下渲染項目

@Scripts.Render("~/bundles/jqueryui") 
@Scripts.Render("~/Scripts/OpenBurn.js")

然後我創建的執行日期選擇器的OpenBurn.js

$(document).ready(function() { 
    $(":input[type='datetime']").each(function() { 
     $(this).datepicker(); 
    }); 
})

我的問題是如何更改數據中心的主題？

來源

2016-07-08 Ethel Patrick

如果您從jQuery（theme downloads）下載您的主題，請確保您取消選中除datepicker小部件以外的所有內容，下載該文件，全部提取，從名爲jquery-ui.theme.css的文件中複製所有內容，然後粘貼它到一個單獨的文件（例如datepicker.darkui.css）中，然後將其添加到您的包配置中，或者將其放在頁面上。

這裏是我的網頁：

<link href="~/Content/themes/datepicker.darkui.css" rel="stylesheet" /> 

<div style="margin-top: 50px;" class="row"> 
    <div class="col-md-12"> 
     <p>Enter Date: <input type="text" id="datepicker"></p> 
    </div> 
</div> 

@section Scripts { 
    @Scripts.Render("~/bundles/jquery") 
}

來源

2016-07-08 21:47:30

我解決我的問題可以指定一個日期選擇器主題。我選擇了一個日期選擇器主題，並將css文件放在我的「內容」文件夾下 - ui_1.10.4_themes_smoothness_jquery-ui.css

然後在我的BundleConfig.cs中，我在整個頁面主題前先引用它。

bundles.Add(new StyleBundle("~/Content/css").Include(
       "~/Content/ui_1.10.4_themes_smoothness_jquery-ui.css", 
       "~/Content/bootstrap-theme.css", 
       "~/Content/themes/base/all/css", 
       "~/Content/site.css"));

來源

2016-07-12 23:06:10

jQuery UI的提供要麼選擇預先內置主題或定製您自己的方式

更直接鏈接到theme customization在這裏。在你的HTML

喜歡使用的ThemeRoller，

進去後選擇日期選擇器和下載主題，用|

來源

2016-07-12 23:40:05 pradeep

MVC主題和DatePicker

回答

相關問題