我有一个网页,它使用jQuery ui datepicker的多个实例.我的网页将显示约80条记录,这些记录超出了单个屏幕截图.
<% foreach (var record in Model) { %>
<div class="recordname"><%=record.name%></div>
<%=Html.TextBox("DateTimePicker",null,new { @class = "date-pick" } )%>
// <-- additional html here -->
<% } %>
我已经设置了我的datepicker的默认值,如下所示：
$(".date-pick").each(function() {
$(this).datepicker({
dateFormat: 'dd M yy',showOn: 'button',buttonImage: '/Images/datepickericon.png',buttonImageOnly: true
});
});
当页面首次加载时,如果我单击屏幕上可见的任何日期选择器图标(即不滚动),则日期选择器将按预期显示.
但是,如果我向下滚动页面然后单击一个日期选择器图标,则日期选择器不会出现在屏幕窗口中,而是在屏幕顶部附近向右渲染.
任何想法如何解决这个问题？
我在用：
> IE7
> asp.net mvc
> jquery.ui.datepicker.js(UI / API / 1.8 / Datepicker)
