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

回答

相关问题