模式中的 Bootstrap-Datepicker答案

【问题标题】：Bootstrap-Datepicker in modal模式中的 Bootstrap-Datepicker
【发布时间】：2014-08-11 09:36:41
【问题描述】：

当在模式窗口中使用 bootstrap-datepicker 时，悬停事件（天、按钮...）没有任何装饰，并且当前日期不会突出显示。

当日期选择器不在模式窗口内时，它可以正常工作。

我该如何解决这个问题？

编辑：

在我看来“Details.cshtml”：

<div class="form-group">
@Html.LabelFor(model => model.ImpactForm.DateFinTestPilote, new { @class = "control-label col-md-4" })
<div class="col-md-8">
@Html.EditorFor(model => model.ImpactForm.DateFinTestPilote)
@Html.ValidationMessageFor(model => model.ImpactForm.DateDebutTestPilote)
</div>
</div>

我有一个 Nullable DateTime 类型的编辑器模板：

@inherits System.Web.Mvc.WebViewPage<System.Nullable<DateTime>>
@if (Model.HasValue)
{
    @Html.TextBox("", (Model.Value.ToShortDateString()), new { @class = "datepicker form-control" })
}
else
{
    @Html.TextBox("", null, new { @class = "datepicker form-control" })
}

bootstrap.css 和 bootstrap.js 在 _Layout.cshtml 中加载。

datepicker.css、bootstrap-datepicker.js 和 bootstrap-datepicker.fr.js 在 Details.cshtml 中加载

【问题讨论】：

您正在模型或局部视图中打开完整视图
这是一个 ASP.NET MVC4 视图（使用@RenderBody 调用）
尝试在视图本身而不是在模型中打开的布局中加载引导程序的 css..

标签： asp.net-mvc twitter-bootstrap-3 internet-explorer-9 bootstrap-datepicker

【解决方案1】：

尝试在视图本身而不是布局中加载引导程序的 CSS，我认为在您的问题中，其他 CSS 正在修改引导程序的 css，因此在您打开模式的视图中加载引导程序的 css。

谢谢！！

【讨论】：