我的网络应用程序中有一个日期选择器,当我点击日期选择器文本框时,日期选择器弹出窗口没有显示在文本框附近但显示在页面向下
<td>
<table style="width: 100%">
<tr>
<td>
<div id="CalendarPosition">
<asp:TextBox ID="txtOriginalEffDate" runat="server" CssClass="renDatePicker"></asp:TextBox></div>
</td>
</tr>
</table>
</td>
我使用了以下脚本
$(function () {
var effDate = "<%=this.effectiveDate%>";
var maxdt = new Date(effDate);
var effdate_year = maxdt.getFullYear();
maxdt.setMonth(maxdt.getMonth() - 1);
var allowedDates = "1,15";
var dt_arr = allowedDates.split(",");
$(".renDatePicker").datepicker({
changeMonth: true,
changeYear: true,
yearRange: '2003:'+ effdate_year,
maxDate: maxdt,
//defaultDate: defaultDt,
format: 'mm/dd/yyyy',
orientation: 'auto bottom',
beforeShowDay: function (date, inst) {
if (dt_arr.indexOf(date.getDate().toString()) >= 0) {
return [true, ''];
}
return [false, ''];
},
});
});
也是这个
$(function () {
$(".datetest").datepicker({
changeMonth: true,
changeYear: true
});
});
这与日期选择器一起正常工作,但在页面显示中显示。
<script src="../js/jquery-ui.js" type="text/javascript"></script>
<link href="../Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
请建议我找到问题的解决方案。
谢谢你的进步。