我想要一个带有日期选择器的引导模型。我从这个例子中复制了所有内容并且工作正常。
http://jsfiddle.net/sudiptabanerjee/93eTU/
问题是,我的对话框内容是部分视图并使用JQuery进行设置。它似乎永远不会显示日期选择器。我复制了代码的相关部分。
所以在屏幕上有一个像
这样的按钮<button type="button" class="btn btn-primary" id="btnEdit"
data-itemId=@item.ItemId
data-toggle="modal"
data-target="#myModal">
Edit
</button>
哪个有JQuery点击事件
$(document).on("click", "# btnEdit", function (e) {
$.ajax({ url: "/Item/Edit",
datatype: "text",
data: { itemId: $(this).attr('data-ItemId) },
type: "GET",
}).done(function (partialViewResult) {
$(".modal-content").html(partialViewResult);
});
});
}); 然后转到名为ItemController的MVC控制器并调用Edit获取局部视图 public ActionResult Edit(Guid itemId) { 返回PartialView(&#34; _Edit&#34;,GetByItemID(itemId)); }
编辑部分视图如下所示,这是不显示id为datepicker的输入
@model Project.Models.Item
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"> Item</h4>
</div>
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<p>Date: <input type="text" id="datepicker" class="datepicker"></p>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
有一个JS被调用,它为类datepicker提供了一个datepicker。当文本框位于其他任何地方时,它会起作用,当它出现在对话框
时 $(".datepicker").datepicker();
我也有CSS这样做
.clsDatePicker { z-index: 100000; }
答案 0 :(得分:3)
问题是你的gettime日期插件的JS是在你的prartial视图添加模态内容之前加载的,在这种情况下,当DOM已经准备好时,插件将无法从视图中动态添加元素。
尝试在动态视图中添加内容后初始化datetimepicker
var piechart= $("#chart").data("kendoChart");
//piechart.options.series[0].visible = false;
piechart.options.series[0].visibleInLegend = false;
piechart.redraw();
希望这有助于:)